CSS CSS Layout Basics CSS Layout Project Introducing the Project

Nour El-din El-helw
Nour El-din El-helw
8,241 Points

Width of centered layout containers

So at the end the teacher said that the width of centered layout containers on big screens must be 80% and their max width has to be 1150px so when i did that the page layout became different than what it is supposed to be. Here is a snapshot of the workspace https://w.trhou.se/86oon1bi9d. How the page layout has to be is in the file best-city-guide.png

1 Answer

Anna Steel
Anna Steel
17,713 Points

Just add .main to your 80% declaration. And then apply appropriate padding/margins

.main, .main-footer, .main-header, .banner{ width: 80%; max-width: 1150px; margin: 0 auto; }