Design comparison
SolutionDesign
Solution retrospective
found this challenge pretty difficult, I had some struggles with making the design mobile friendly. The image keeps disappearing as the screen size is reduced, would appreciate any advice on how I can fix this.
Thank you!
Community feedback
- @eddybproPosted over 1 year ago
Hi, Kevin 👏
You did a nice job, for the image issue here a way to solve it:
- CSS code:
@media (max-width: 47em){ .card-img-box { height:30rem; } /* TIP : for the border radius of the container-inner*/ .container-inner{ border-radius:1rem; } }
Again you did a nice job.
Good Luck :)
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