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

Karl Davis 270

@TKD5

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


This is my version of the 3-column preview card component.

Difficulties I faced:

  1. The responsiveness for this project was a little difficult.

As always, if anyone has any advice or tips for fool proof responsive design, any would be appreciated.

Community feedback

@wilrafnanda

Posted

there is a problem with code try to look for videos that talk about responsive designe an flex box and more importantly media Quary try to check my own solution i made it simple for easy comprehension

0
JM Lonzo 190

@jmmaglonzo

Posted

If you have time learn Colt steele's tutorial about responsive design it really helped me a lot, and for the container you can use display grid instead of flex but both works fine but with grid you can control the size of the card more equal but overall your design looks good cheers!

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