Skip to content
Submitted over 2 years ago

Responsive mobile-first card component using flexbox

Des2Dev•70
@Des2Dev
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Product preview card component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

Hello! guys 👋

I have completed the product preview card component challenge successfully. And I found difficulty in using BEM, please feel free to give feedback if you know how to improve BEM. I appreciate any feedback, thank you in advance 🙏

Community feedback

  • Amna Nasir•80
    @amna1526Posted 4 months ago

    I really like the responsiveness of your design and would like to know, where did you learn how to do that?

    0
  • Oscar Miras•160
    @omirasPosted almost 2 years ago

    I loved your solution: how the CSS code is structured and the use of CSS variables.

    I learned how to use the <picture> HTML tag effectively, thanks!

    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