Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

3-column preview card component

abiskar100 100

@abiskar100

Desktop design screenshot for the 3-column preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Well , i think it looks pretty good . couldn't get right for mobile devices (375px) . i couldn't deal with the damn gap in 375px , please share your ideas on that . for mobile devices in media query i just put display: flex and flex-wrap: wrap , so that gap was seen , but i don't know the next step .

Community feedback

@jmartinpizarro

Posted

About the gap in the responsive, this is because you have margin: 0.5 rem in the card. Gap: 0px, which is correct, but the margin is what is causing the problem in this case. Hope I helped you!

0

Please log in to post a comment

Log in with GitHub
Discord logo

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