Huddle-landing-page-with-a-single-introductory-section

Hi folks,

My solution might not be optimized/the correct method. I used the grid to place the header, main, and footer. Using the grid-column/row property I aligned the child items and used flex too. Please review my code and let me how it can be improved better.

1 When the screen shrinks below 400px, the right side of the screen remains fixed but not the left side. I used max-width of 400px for the container. What might be the issue?

Thanks for reviewing my work.