Responsive Product Card with HTML, CSS

Community feedback

• 

  MabIggo•50

  @MabIggoPosted over 2 years ago

  Hi, I see your code and report .

  What must you do to fix it

  Accessibility

  1. All page content should be contained by landmarks to fix it do this change your code from

  (

  <div class="parentContainer"> YOUR CODE </div>

  )

  TO THIS

  (

  <main>

       <div class="parentContainer"> 
  
               YOUR CODE 
  
        </div> 
  

  </main>

  )

  also do it with (<div class="attribution">your code</div>)

  to

  (

  <footer>

      <div class="attribution">
  
                    your code 
  
       </div> 
  

  </footer>

  )

  2.Page should contain a level-one heading to fix it change your code from

  <p class="productTitle">Gabrielle Essence Eau De Parfum</p>

  TO

  (<h1 class="productTitle">Gabrielle Essence Eau De Parfum</h1>)

  3.in HTML Validations in button no need to use <p></p>

  instead this

  (

  <button class="buyButton">

     <p>Add to Cart</p> 
  

  </button>

  )

  use this (

  <button class="buyButton">

          Add to Cart 
  

  </button>

  )

  Marked as helpful

  0

  ---

  

  Panos•170

  @panosjapan7Posted over 2 years ago

  @MabIggo Fixed everything. Nice catch about the <div class="attribution"> being inside a <footer>

  Thanks!

  1