Rsponsive page using CSS grid

Hey @faruking, great work on finishing this one. I really like your solution.

Some suggestion:

• You forgot to add the base or simply put a reset, you must add the

   font-size: 100%;
   box-sizing:  border-box;
}

*, *:: before, *::after {
    box-sizing: inherit;
    padding: 0;
    margin: 0;
}

• If you want a main content of your page must add the <main> tag for a big container like this one.
• If you want to center you container add this on your body tag.

min-height: 100vh;
 display: flex;
justify-content: center;
align-items: center;

so that the your main container will center no matter what screen size.

• I'm also like you before I'm using media queries in max-width: 375px and that completely is wrong you should change it to 768px.

Aside from those everything looks good to me keep coding and happy coding too.