search

cklopez / prj-rev-bwfs-tea-cozy

0 stars 0 forks source link

Layout #7

Open tommygebru opened 5 years ago

tommygebru commented 5 years ago

Instead of having a body with a limited width, consider having parent elements have a max-width

For example:

body{width: 100%;}
.hero{width 1200px;}

then apply margin:0 auto; to have the parent elements within the body become centered:

body{width: 100%;}
.hero{width 1200px; margin: 0 auto;}
tommygebru commented 5 years ago

Also you can increase the distance between the.heroelement with body, by adding the following to your body element: padding-top:65px; by pushing the banner section below the navigation element, we can reveal more of the hidden image