Submitted over 1 year ago

Responsive component using semantic HTML, Flexbox, Sass and Bem

Antonio Russo• 260

@antoru

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

👋 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

@ApplePieGiraffe

Posted over 1 year 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)! 😁

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