Skip to content
Submitted almost 3 years ago

Responsive Product Preview Card Component

sass/scss, bem
Michelle•150
@mcdulingm
A solution to the Product preview card component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Trying to do these challenges as quickly as I can when I have time. Any feedback will be much appreciated. :)

Code

Please log in to post a comment

Log in

Community feedback

  • Papa Elhadj Abdoulaye NDOYE•770
    @NDOY3M4N

    Hi, great work on this challenge. There are just some things that need fixing like:

    • on mobile the padding is not applied to the screen since you set height: 100vh on the main. You could fix this by just replacing it with min-height: 100vh.
    • on mobile you could also increase the padding (like in the design)
    • on line 37 (index.html) there is a typo, the closing tag should be a instead of button.

    Happy coding 🎉️

    Marked as helpful

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