Matias Ludueña• 1,990
@matiasluduena23
Posted
Hi Namrata! Good work!!! Your media query works perfectly fine! Just one advice that might help you.
- To avoid that your content go all away to the width sides, you can use a max-width in your main.
main {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-template-rows: repeat(2, 1fr);
gap: 20px;
margin-left: 47px; //remove this line
margin-right: 47px;//remove this line
margin-top: 100px;
max-width: 1000px; // add this line
margin-inline: auto; //add this line( center you content)
}
The margin-inline is the same that say (margin-left- margin-right)
Look this when you have time.
Hope this help you!
Good code!!!
Matias
Marked as helpful
0
Namrata Sinha• 530
@nmrtsnh
Posted
@matiasluduena23 Hi Matias. Thank you for the feedback!
0