Product preview card component

Community feedback

• 

  Lucas 👾•104,340

  @correlucasPosted over 2 years ago

  👾 Hello Fernando, congratulations for your solution!

  You've done a really good challenge, everything works right!

  I've only two tips for your:

  You don't need to use overflow: hidden; for the image, there's a simple fix for that, just use the border-radius for the top and left corners.

  When your solution reaches max-widht: 240px; the content get too much close inside the pricing section, you can improve that with a media query changing the flex-direction.

  To clean your code you can wrap the h1 and p inside the same div.

  Code below:

  @media (max-width: 240px) {.container__second-section__discount { flex-direction: column; }}

  Hope it helps you and congrats for this great solution!

  0