I'm not sure about how to answer all your questions, but it sounds like you
should take a look at the docs to better understand how the grid works. For
example, Im not too sure that you need to wrap your head content in
<section></section> tags. Its just extra work and isnt providing any
meaning. it seems like.
One thing I noticed though is how youre approaching adding borders. You
dont have to make extra divs for this to create space. If you add this to
the very bginning of your css file, it will allow your border to width to
only take away from the box size....it will not add extra space to your
divs., place this at the beginning:
* {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
I suck at explaining how it works, but check out CSS-tricks - border
boxing. He has a great explaination on it.
Im not too sure understanding what else you are having problems with. If
you want 40 px of padding just add it to either the .container class or the
#wrapper. Then everything should center automatically.
--
*Thank you,*
**
*Matt Craig*
*(815)315-7822*
*[email protected]* <[email protected]>
