Design comparison
SolutionDesign
Solution retrospective
This card is only suitable for small and large devices and not responsive.
Community feedback
- @palgrammingPosted over 3 years ago
well all it will take is a few changes to make it responsive
change your media query px width and add this additional one
@media screen and (min-width: 600px) { .image-box { height: 450px } } @media only screen and (min-width: 1120px) {
and change the height of the image box in mobile height from your vh setting to 250px
This is not exact sizing but close sizing just so you can see how a few lines of code will change your whole challenge
Marked as helpful0
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