Display grid: Problems with responsive web design

Hi everyone!

My project has a page layout with display grid. When the screen shrinks, the #navbar is gonna be hidden and the .content grid will be centered. I tried to centralize it in media query readjusting the display-template-columns and the display-template-areas but it just went wrong.
I would like to know what I could possibly be doing wrong, please :exploding_head:

My code: https://codepen.io/danielasegadilha/pen/jOpjGwR

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.