Skip to content
Submitted about 3 years ago

3-column preview card component w/ flexbox

Tom Golding•250
@ComanderPotato
A solution to the 3-column preview card component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Hey guys, so I completed this preview card w/ flex-box with a fully responsive layout, and semantic HTML. Let me know how I did and where I can improve in.

Code
Couldn’t fetch repository

Please log in to post a comment

Log in

Community feedback

  • Lucas 👾•104,160
    @correlucas

    Hello Tom, congratulations for your solution!

    I've inspected your code and look the live site and its everything good. All the content match.

    If was your the only thing I would change is the breakpoint for mobile media query, I think the site changes the column flow vertically too early and in width: 760px; the info doesn't fit so good vertically, you could set this media query for 500px and let the horizontal columns a little bit more, but this is only a matter of design.

    Congrats, everything seems good and super-flexible.

    Marked as helpful

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