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
Your session has expired please log in again.
Your session has expired please log in again.

Submitted

Responsiveness with media queries and flexbox

@Yahyaabbakar92

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

Community feedback

@Iamparves

Posted

Hello @Yahyaabbakar92,

Your design looks good but I don't understand why did you code the same thing twice for device larger than 1400px and smaller than 400px. What about the device between them? And that's not how responsive design works. Please look around more if you don't have clear understanding of responsive design.

And one more thing, there is a little issue with the "Learn More" button hover effect. It moves a little because of border. You should use the border for default state too. That will solve the issue.

Marked as helpful

0

@Yahyaabbakar92

Posted

@Iamparves Thanks for taking a look at my code. I'm still learning my way around responsive design and I'll definitely take your advice and reapply it later. Thanks

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