Design comparison
SolutionDesign
Community feedback
- @MichaHuhnPosted 4 months ago
Good work!
If you want to improve the responsive design, there is a nice technique:
-
Images become responsive by adding:
max-width: 100%;
With this CSS declaration,width
andheight
can be omitted. Now the image will scale automatically. -
Currently,
width: 320px;
is applied to the card. By changing it tomax-width: 320px;
, the card will automatically shrink on small screen sizes to prevent overflow.
I hope that's a bit useful.
Marked as helpful0@DevXtianMPosted 4 months ago@MichaHuhn, Thanks! I already modified my code based on your feedback.
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