Skip to content
Submitted almost 2 years ago

Product preview card with Html and Css

Williams Ovat•70
@MaraVengen
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 solution for this challenge. It's very untidy and really shows I'm a newbie. It's not responsive....yet! Don't know how to make it responsive...lol. I tried though...I guess. I used flexbox, and I had problems trying to make it responsive. Any advice, comments, or feedback, on how to make this solution better would be very much appreciated.

Community feedback

  • Dimitar Radev•930
    @Mitko90Posted almost 2 years ago

    This comment was deleted 11 months ago

    0
    Williams Ovat•70
    @MaraVengenPosted almost 2 years ago

    @Mitko90

    Thank you very much. I'd try using your code as a reference to make my code better. I buy the idea of not setting fixed heights and widths for my elements.

    I appreciate your feedback. Thank you for taking out time to look at my code.

    0
  • Pipow•500
    @PipouwPieuwPosted almost 2 years ago

    Hey there 👋

    First of all, well done for completing this challenge! Your component looks good. 🥳

    To make it responsive, you should look into CSS media queries. They will allow you to style your component differently according to the screen size.

    Well done and keep it up!

    0
    Williams Ovat•70
    @MaraVengenPosted almost 2 years ago

    @PipouwPieuw

    I'd definitely look into CSS media queries before taking on another challenge.

    I honestly appreciate your feedback. It means much to me.

    Thank you very much..

    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