Design comparison
Solution retrospective
please give me feedback on the responsivity.♥
Community feedback
- @iKINGDAVIDPosted about 3 years ago
Hi Tarik. The responsiveness is good, but i mean technically good. I say that because i feel the stats (10k+ companies, 314 templates etc) could be placed side-by-side in a mobile view instead of being stacked ontop each other to make the overall container to not be too long. But i'm being picky here. The responsiveness is good.
Marked as helpful0 - @PresidentTreePosted about 3 years ago
For smaller screens, I insert @media whenever the width of the container gets too big. I also prefer to max-width for small screens and min-width big screens relative to my own screen size, but that's just me. For example, the inspection tool shows that your card is around 1000 pixels wide, so you would make one as
@media (max-width: 1000px)
and adjust the card accordingly. I also tend to change any width to viewport so it fits all phone screens.Marked as helpful0 - @PresidentTreePosted about 3 years ago
Do you mean the best way to use @media?
0
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord