@mattstuddert
Posted
Nice work on this challenge, you've done a really good job and it's great to see you practicing Grid 👍
Your boxes aren't changing width correctly because you're not defining your columns. I'd recommend using something like this grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
and reducing the padding
from .top
on mobile. You'll need to play around with the values a bit, but that should get you close. auto-fit
makes sure elements break to a new line if there is not enough space, as set by the minimum width in the minmax
function.
I hope that helps. Keep up the great work! 👍
@kpratik1929
Posted
@mattstuddert thank you