Design comparison
Solution retrospective
Feedback welcome + some help
I found really hard to create a responsive design, I ran out of time and I couldn't find an way to create it, so, I am feeling really upset. Plus, I don't think I had really good practices, I feel like the css selectors names are not well declared and my HTML structure is not concise.
Community feedback
- @soumya495Posted over 2 years ago
Nice work here MATHEUS, I saw that you used a hardcoded width of 500px on the advice-container, instead of that for these types of design which involves a card, try to use a percentage value and then set a max width, this way on smaller screen sizes you won't have to worry about overflow and on bigger screen sizes the width won't expand beyond the max-width value. This is a very easy way to make responsive card designs. Hope it helps you, you can check out my implementation if you have some doubt.
Marked as helpful0
Please log in to post a comment
Log in with GitHub
Join 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