Design comparison
SolutionDesign
Solution retrospective
Updated solutions. Changes made:
- use merge query
- adjust margins and padding
- Add responsiveness to font-size
Community feedback
- @nafri97Posted over 1 year ago
I'm still beginer too, but I have some suggestion:
- try to use responsive page, add
@media screen and(max-width: 375px){.card{width: 80%;padding:5%}}
, it means this code is executed when shown iresolution =<375. - add margin-top instead of just using margin: auto (you could combine them both) to add more space above card.
- in mobile responsive try to avoid using font with vh, because smaller the screen, it will less visible to read. sorry I still don't know much, but let's learn together and happy coding :)
Marked as helpful0 - try to use responsive page, add
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