Product preview card component

Community feedback

• 

  Lucas 👾•104,340

  @correlucasPosted over 2 years ago

  👾Hello Luis, congratulations for your solution!

  I've some tips for you:

  I saw that you've tried to manage the price section using space-evenly to separate the price from the discount, a better way to do this is just using gap, see the example below:

  #precios {
      gap: 20px;
  }
  

  To manage the price button you can use its padding values in order to let it grow horizontally, but isn't a good idea to use vw as unit for this kind of elements. See the example below:

  .AddToCart {
      padding: 1vh 7vw;
  }
  

  Hope it helps and happy coding!

  Marked as helpful

  0