Skip to content
Submitted about 1 year ago

Product card component, Mobile first

Théo Brissiaud•160
@brissboss
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Product preview card component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

This is my third project for Frontend Mentor, i want improve my skills in css.

I have already some base in css but i'm not sure that i use the best practices.

If you have any advice or comments on my work, i would be happy to ear !

Thanks.

Community feedback

  • Matias Ludueña•1,990
    @matiasluduena23Posted about 1 year ago

    Hi Theo! Good work! Just one advice.

    • When you need to change the image for a responsive design you need to use the picture element. Look this
    • And also try to avoid width and height in big elements, instead you can use max-width and max-height, that will make your element responsive.Look this

    Good code!!!

    Marked as helpful
    1

Please log in to post a comment

Log in with GitHub

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