Skip to content
Submitted 12 months ago

SASS / SCSS Product Preview Card

#sass/scss#accessibility
DF•330
@FengDenny
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

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

I am proud to use SASS / SCSS for this project and develop this Product Preview Card using mobile first approach

Things I would do differently:

  1. Use CSS frameworks
  2. Develop using desktop first approach
What challenges did you encounter, and how did you overcome them?

When writing my styling, I forgot I was using scss, so I simply just wrote css. However, once I finished the project, I refactored my stylesheet with scss

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

At the moment, none.

Community feedback

  • P
    ljmanayon•90
    @ljmanayonPosted 10 months ago

    Mobile view doesn't seem working. You might want to check. Other than that, nice work!

    0
    DF•330
    @FengDennyPosted 10 months ago

    @ljmanayon Mobile view does work as I ensured to developed it using "mobile first" approach. Can you elaborate on what you mean by "Mobile view doesn't seem working"

    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