Skip to content
Submitted almost 2 years ago

Responsive Product Component preview using Flexbox.

Kiran kumar•120
@kiran1095
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

  • I have got better at using rem units and flex, but I wanted to learn when I can use flex and grid at which instance for effective designing of layout.

Thanks in advance for any feedback on how I can improve my code better for this design, and for any layout if I have to follow any particular patterns to be more effective.

Thanks.

Community feedback

  • Kush🫴•225
    @kush-x7Posted almost 2 years ago

    Hello Kiran, You have done good work! 😁

    Just gon through your CSS file and love the way you explained some properties using comments. Even I found some new properties like the rendering font ones.

    Today I completed my first challenge and used some animation in it. You can have a look at my solution.

    Do tell me if you had any feedback for me.😊

    Happy coding!

    Marked as helpful
    1
    Kiran kumar•120
    @kiran1095Posted almost 2 years ago

    @kush-x7 Thanks kush,

    I found the reset css blog written by Joshwcomeau, I think it is very useful adding the link for reference: https://www.joshwcomeau.com/css/custom-css-reset/.

    I had a look at your solution and found adding animation made it better, thanks for the refence you added.

    Thanks for your time.

    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