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 Colums Responsive Cards with Grid

@LucasAven

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


Any feedback is appreciated!

Community feedback

Lesego 95

@lesego16

Posted

  1. try to rectify width > 765
1

@LucasAven

Posted

@lesego16 Hi! Thx for replying, I'm a newbie so what do you mean with rectify? Do you mean change the min width for responsive design?

0
Lesego 95

@lesego16

Posted

@Biaroxx741 the 3-column preview card componentit is clipped or it is going over the page at width: >768px have a look at chrome developer tools.

1

@LucasAven

Posted

@lesego16 thx I'll check it. That could be resolved using another

@media only screen and (max-width: 765px)

or should I use another thing?

1
Lesego 95

@lesego16

Posted

@Biaroxx741 yes!

Marked as helpful

1

@LucasAven

Posted

@lesego16 Bro I've already fixed it and now is almost fully responsive! But I have another question :P how can I make the "Learn More" buttons to be always align?

1

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