Responsive Product Preview Card Using CSS Flexbox

Community feedback

• 

  Lucas 👾•104,400

  @correlucasPosted over 2 years ago

  Hello Ali Nemat, congratulations for you solution!

  Everything is working properly and the design match, is a really accurate solution. If you want to reach another level of responsibility you can add flex-direction: column; to your section where there's the price to avoid the price(without discount) poping out of the container. Look that this is a fine adjustment, you already reach the challenge goals. In addition you can consider using rem over px to have a better performance in multiple screen sizes.

  .flex { display: flex; flex-direction: column; }

  Hope it helps you! Happy coding.

  Marked as helpful

  1

  ---

  

  Ali Nemat•180

  @AliNemattPosted over 2 years ago

  @correlucas Hi dear Lucas

  I greatly appreciate your kind word. Thanks for your attention and great advices! I'll definitely implement your recommendations in my future codes!

  1

  

  Lucas 👾•104,400

  @correlucasPosted over 2 years ago

  @AliNematt Hey Ali, you're welcome! I

  0