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!
@eddybpro
Posted
Hi, Kevin 👏
You did a nice job, for the image issue here a way to solve it:
@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 :)
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
