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-colum-preview-card-component using flexbox

@AnoshSohail

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


Any feedback is appreciated.

Community feedback

@B1N4R1

Posted

Hi Anosh,

This solution looks great,

The only thing is that the idea of this challenge is that you have three cards that are equal except for the colors, so the best way will be to define the same class for the three cards and then using CSS's :nth-child() selector change the colors of each card. This way you are not writting the same CSS three times, it's cleaner code and you take half the time to write the code.

You can have a look at my solution to this challenge to get what I mean

Also, beware the responsiveness! In really small devices the cards get to small, you should put a min-width on the card elements to avoid it.

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