Huddle_landing_page-with_single_introductory_section

Community feedback

• 

  Ed-dyb Abdelilah•1,560

  @eddybproPosted about 1 year ago

  Hi, @tired-herb👏

  Congratulations on finishing this challenge, I hope it was fun🤣

  For the icons issue here is a way to fix it:

  • HTML code:

  <address>
      <div class="icon-box">
       <i  class="your-icon"></i>
     </div>
     <div class="icon-box">
       <i  class="your-icon"></i>
     </div>
     <div class="icon-box">
       <i  class="your-icon"></i>
     </div>
  </address>
  

  • CSS code:

  address{
    display: flex;
    align-items: center;
    justify-contents: center;
    gap: 1rem;
  }
  
  .icon-box{
    width:2rem;
    height:2rem;
    border: 1px solid white;
    border-radius:50%;
    display: grid;
     place-items: center;
  }
  

  That's it Happy Coding

  0