Skip to content
Submitted over 1 year ago

3-Column Preview Card using Flexbox

ricochet69ā€¢50
@ricochet69
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...3-column preview card component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

I did the unique styling on the cards using nth-child selectors. To me this seemed the most efficient way and to account for further cards being added to the main component. What do you guys think, is there a better way to do this?

Thanks.

Community feedback

  • Giselle Coleā€¢50
    @gisellecolePosted over 1 year ago

    Hi there,

    Great job on completing the "3-Column Preview Card using Flexbox" challenge, you did an good job!

    šŸŽ‰ I really like how you used Flexbox to create the layout of the card. The columns are nicely aligned, and the responsive design looks great on different screen sizes. It shows that you have a good understanding of Flexbox and its properties.

    šŸ‘ Keep up the fantastic work!

    šŸ™Œ Once again, congratulations on completing the challenge!

    Best regards, Giselle

    0

Please log in to post a comment

Log in with GitHub

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