Product-Preview-Card-Component

Community feedback

• 

  Lucas 👾•104,340

  @correlucasPosted over 2 years ago

  👾Hello John, congratulations for your solution!

  I saw your solution live site and I've not considerations about the solution itself, you've done all the challenge requirements, it's a really responsive component and you've also done a good work with the media query.

  I have one suggestion for you, note that you component card when the screen mobile reaches width: 260px; the price content start to pop out the container, if you want to make it super flexible and give an additional touch, give it one media query more and make the line break and the text center to save space inside the container.

  See the additional media query example below:

  @media only screen and (max-width: 640px)
  .container {
      text-align: center;
  }
  .prices {
      display: flex;
      text-align: center;
      flex-direction: column;
  }
  
  

  Hope it helps you, happy coding!

  0