So what do I want to change on my child theme then?
There is were the challenge begins, and I know just enough here to help make things seem complicated. Twenty Twelve is “mobile first”, and that means you cannot always just add a line or two of code to an accumulation (pile) of modifications at the bottom of your Child Theme’s style.css and see the change everywhere you might think it would appear. For example, take a look at Twenty Twelve’s own style.css and do a search for main-navigation
and you will find stylings for that being done in four different sections. So where changing a color in one section might cover a phone or mobile device, you might also need to change it elsewhere so your change will show on larger screens…and then there is also the matter of Twenty Twelve having a special ie.css for versions of Internet Explorer <9. Different people deal with all of that differently, but at least now you know!
Also do you suggest to keep my changes so far with the Jetpack editor…wondering will it change my website’s loading speed and what not.
I would find it confusing to have some edits in one place and others in another, so I would put it all together in one place. And if you really want to keep it all in one place while reducing overhead (but only if you intend to really dig in and make a lot of changes), just add the Template: twentytwelve
line to a copy Twenty Twelve’s entire style.css as your own style.css in your Child Theme and do not add the @import line and WordPress will read only your sheet rather than reading yours *and* Twenty Twelve’s.