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

@melsayedshoaib

Desktop design screenshot for the Product preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

Gaston 170

@GastonSKL

Posted

Great work and very good solution! I liked the way your code is organized! One sugestion that I can give you is that you can place the footer outside your main component, place the container in a larger one that has 100vh in height so it ocuppies the entirety of the visible screen, give this one a grid display, and a place content center propertie so it align the main container in the center of the screen! You can also use var() for the colors in a :root pseudoclass in your stylesheet so it becomes more accesible if you want to make changes in your color palette. Keep up your nice work! :)

Marked as helpful

1

@melsayedshoaib

Posted

@GastonSKL Thank you so much, I've found this really helpful.

0

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