Currently, I’m making one-page mock up project just to practice my coding skills. But I’ve got stuck with adding color to 100% width of the page.
I want my page to look approximately like this:
But, I’ve centered all the content on the page using width and margin properties:
margin: 90px auto;
It ended up looking like this:
My question is: How to add color to all the width of the page, if the element (.image-bar) inherits margins from its parent container (main)?