Product Page - Responsive CSS

Community feedback

• 

  Gaurav Pratap Singh•360

  @gauravsingh1281

  Posted almost 3 years ago

  Hii Nick, Congratulations on completing this challlenge 👏👏. I have a suggestions for you. You didn't use the use hovering effect and cursor pointer property on the button element when a user hover the button there should be a hovering effect and cursor which make your website more interactive.

  Another thing i noticed that your site become unresponsive below 400px width, to solve this problem you can give width in px, em, rem instead of % to the div of class card i.e <div class="card container"> and also give some padding to the <div class="info-box six columns" >
  and for the pricing section wrap them in a another div and give a class of pricing-section and center them with a CSS display Flex Property like this --

  <div class="pricing-section">
  <span class="new-price">$149.99</span>
  <span class="old-price">$169.99</span>
  </div>
  
  .pricing-section {
      display: flex;
      justify-content: center;
      align-items: center;
  }
  

  12

  Marked as helpful