Skip to content
Submitted almost 2 years ago

Responsive component using semantic HTML, Flexbox, Sass and Bem

Antonio Russo•260
@antoru
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

👋 Hello everyone,

this is my solution for

3 column card component

Feel free to leave your feedback.

Thank you!

Antonio

Community feedback

  • ApplePieGiraffe•30,545
    @ApplePieGiraffePosted almost 2 years ago

    Hi, Antonio Russo! 👋

    Good work on this challenge! 👍 Your solution looks great and responds nicely! 👏

    The only small suggestion I have for you is that I noticed you are using BEM and in some places, you have two elements (instead of just one, as is recommended). For that reason, it may be worth naming certain things like card__item__icon as card__item-icon instead. 😉

    Also—you may want to add the background color from the original design to your solution. 🙂

    Keep coding (and happy coding, too)! 😁

    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