Skip to content
Submitted 5 months ago

Product preview card component (My first solution)

Guido Salazar•190
@GAOV13
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

What are you most proud of, and what would you do differently next time?

This was my first challenge and the one that taught me how to work entirely with just HTML and CSS. I would make the card work with a responsive design because, when viewed on a smaller device, the card doesn't fit the dimensions

Community feedback

  • Christian Chirtoaca•120
    @Chirtoaca94Posted 5 months ago

    Preview your projects at different screen sizes before submitting them.

    If you resize your project to smaller screen sizes between mobile and largest size, you will see your design throw up issues with the text and button etc jumping out of the container. So, there are improvements that can be made for the layout on a range of screen sizes. You will need to use responsive widths on your div containers so that they resize relative to the size of the screen (use %)

    0

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