Submitted over 1 year ago

3-Column Preview Card using Flexbox

ricochet69• 50

@ricochet69

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

3-column preview card component

HTML
CSS

1newbie

View challenge

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

@gisellecole

Posted 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

Please log in to post a comment

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