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

Product preview card component solution

P

@Bamo-D-Abdallah

Desktop design screenshot for the Product preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


What are you most proud of, and what would you do differently next time?

I am getting more comfortable using flexbox, BEM, and SCSS.

What challenges did you encounter, and how did you overcome them?

The name of the classes although is following BEM, I find it strange or the way I organize my HTML is messy.

What specific areas of your project would you like help with?

The image was difficult to work with, maybe there is something wrong in my code about wow I was handling it? there is a file named "_image.scss" in "scss-files/components" directory that contains every code about the image.

And I am looking for better way to organize my codes.

Community feedback

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