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 component

@kriShnanshu-saini

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


I am unsure with my CSS work. If someone has suggestion do let me know so that I can improve more and be careful for next time.

Community feedback

@Saga-sanga

Posted

Hi, Anshul. Fist off congratulations on completing the project!

I've gone through your project and a few pointers I would like to give you are:

  • Instead of using a fixed width in the .container class maybe try using max-width so as to make the card more responsive.
  • Instead of media="(min-width: 1440px)" change the break point to around media="(min-width: 640px)" so that the card adjusts itself only to smaller screens.
  • Also consider changing the font size, padding and margins so as to fit better into smaller screens.

That is all from me. Thanks and happy coding!

Marked as helpful

0

@kriShnanshu-saini

Posted

@Saga-sanga Thanks for the feedback. From next onwards I'll make the projects keeping it in mind.

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