Design comparison
SolutionDesign
Solution retrospective
What are you most proud of, and what would you do differently next time?
I'm happy that i did this challenge. I forgot to keep in mind the responsivity and I messed up. So next time I will keep it in mind.
What specific areas of your project would you like help with?I really want help with responsiveness.
Community feedback
- @MikDra1Posted 3 months ago
To make your card truly responsive I advice you to use this technique:
.card { width: min(600px, 90%) }
This ensures that the card won’t get bigger then 600px but on smaller screens it will be 90% of the viewport . The min() functions takes the smaller number.
It is the same as:
.card { width: 90%; max-width: 600px; }
Hope you found this comment helpful ❤️
Good job and keep going 😁😃😉
Marked as helpful1
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