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 built with semantic HTML5 and SCSS

Zascu 140

@ZascuOfficial

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


Hello, everyone!

This is my solution to the product preview card component!

This time around, I changed some things about the general presentation of my project in the README.md profile of the repository, by organizing the already existing sections, while also including some new ones.

Some techniques I utilized in this project:

  • the picture tag, for responsive images without style sheets
  • cleaner SCSS according to the Sass guidelines
  • mobile-first approach

The only question I have this time is if anyone knows a good way of 'eyeing' the paddings and margins, when you don't have access to the design file.

That's all, thank you to anyone who decides to reach out and give feedback. Have a wonderful day!

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