Submitted 8 months ago

Product Preview Card

sass/scss, bem

Emmanuel Lopez•550

@EmLopezDev

A solution to the Product preview card component challenge

Preview Code

Solution retrospective

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

I was able to do this project fairly quickly, it is becoming easier to get up and running.
Understanding SASS/SCSS for the most part and getting it up and running.
Using SASS/SCSS function, game changer.
Using REM only
Sticking to the BEM naming convention

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

Still trying to figure out the best approach for responsive font-size, which is why I didn't include it in this project.
Getting SASS/SCSS up and running, I just watched a video on youtube which I included in the resources.

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

Was the way I set up and used SCSS the best approach?
Could I get help converting one of my font-size instance to use clamp() or whatever responsive method? I kind of get it but would like a concrete example using what I have to grasp it better.
Thoughts on BEM? Did I use it properly?

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on Emmanuel Lopez's solution.

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