Skip to content
Submitted 12 months ago

Responsive product card using HTML & SCSS

sass/scss
P
Sergiu Grosu•200
@sergrosu
A solution to the Product preview card component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

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

I used this project as an introduction into SASS. It took me a little longer, as I became familiar with SCSS syntax, but it worked perfectly in the end.

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

I couldn't center the card vertically - nothing seemed to work. I tried both flex and grid. In the end, I realised I had missed to set html & body height to 100%. Once added, it worked perfectly.

Code

Please log in to post a comment

Log in

Community feedback

  • AReactDeveloper•340
    @AReactDeveloper

    sass is a powerful tool design looks good well done , later when you work on bigger projects you can experiment with partials and putting sass on separate files really helps me a lot you can also put variables resets and base code for your application in partials

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