.container { display: grid; grid-template-areas: 'header header' 'nav main' 'footer footer'; max-width: 60em; min-width: 50em; margin: auto; } .container > header { grid-area: header; margin-top: 3em; margin-bottom: 1em; } .container > nav { grid-area: nav; width: 16em; } .container > main { grid-area: main; max-width: 44em; min-width: 34em; } .container > footer { grid-area: footer; margin-top: 2em; margin-bottom: 3em; } main img { max-width: 100%; margin-top: 2em; margin-bottom: 3em; }