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
Request path contains unescaped characters
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Product Preview Card Component

Sv Princeβ€’ 70

@Svprnce

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


How to Improve My Css ?

Community feedback

Gaurav Singhβ€’ 440

@Gaurav4604

Posted

Hi! Congratulations on completing the challenge! πŸ₯³

It looks great!

I found a few places where you could improve upon the CSS side of things:

  • You could improve upon the use of responsive units for element sizing this might help you
  • It seems you've used the Fraunces font family in all typography elements, I would encourage you to refactor the CSS file and also include Montserrat font family in the required element styles.
  • You should also try to include all the specified font weights to ensure that the website looks similar to the design file

Other than these issues, the Challenge site looks great! keep up the good workπŸ˜„

Marked as helpful

0

Sv Princeβ€’ 70

@Svprnce

Posted

@Gaurav4604 Sure brother 😊.. Thanks for your Valuable Feedback 😊

0
Ali AbuEl3izβ€’ 170

@ali007-depug

Posted

u can improve your css by doing it alot.. just keep doing it, search for things that you don't understanding , show other people code watch video tutorial...etc Good luck

0

Sv Princeβ€’ 70

@Svprnce

Posted

@ali007-depug Thank you brother 😊

1

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