huddles landing page

Community feedback

• 

  Hassia Issah•50,650

  @HassiaiPosted almost 2 years ago

  Giver the <a> anchor tag, aria-label aria-label=" " attribute to fix the error and accessibility issue. The value for the aria-label is the description of the link. for more click here.

  wrap <img class =" illustration> and the div containing the text-content in one div and give it a class.

  <main>
  <img class = " logo">
  <div class= "main-content">
  <img class= "illustration">
   <div class="text>
  <h1></h1><p></p>
  <button></button>
  </div>
  <div class="social-icons"></div>
  </main>
  

  In the css give the main a max-width of 1440px , a width of 80% and margin: 0 auto. in the desktop design give . main-content display: flex and margin top and bottom value. give the .text a width of 40%. In the mobile design , change the width of . text to 100% and give .main-content a flex-direction of column.

  Give .illustration a max-width of 100% instead of a width value for the image to be responsive. Reduce the width of the logo. give it a margin top a bottom value.

  Hope am helpful.

  Well done for completing this challenge. HAPPY CODING

  Marked as helpful

  0