@rishat-se
Posted
Hello Oduh,
You have done great job coding this challenge! I like your use of area templates for Grid layout. Regarding for your question. You use fixed sizes for elements and Grid and that do not allows your elements to shrink. Here are some changes that can improve your responsiveness.
- Use max-width command instead of width for .main-container. Use for max-width: 1110px that challenge. It will allow main container to shrink as your decrease viewport size.
- Fixed sizes in that command grid-template-columns: repeat(4, 240px) do not allow your grid to shrink too. Change it to grid-template-columns: repeat(4, 1fr).
Do not forget to change them in media queries too.
Hope it will help! Have a nice day!
@preciousoduh
Posted
@rishat-se I haven't been feeling well lately so couldn't immediately reply to this , thank you so much will put that into practice!!! Also any advice to keep me motivated while coding I want to change fields but I'm starting to question if this is for me 😓