Responsive Huddle Landing Page with CSS Flexbox and CSS Grid

Community feedback

• 

  

  ApplePieGiraffe•30,525

  @ApplePieGiraffe

  Posted over 4 years ago

  Hi, Jackson Jude! 👋

  Good job on this challenge! 👏 Your solution looks nice and is responsive! 🙌

  I suggest,

  • Adding cursor: pointer to the button.
  • Adding a little bit of margin or padding below the social media icons so that they aren't touching the bottom of the screen in the desktop layout on devices with smaller screen heights. 🙂

  And I think this StackOverflow question might help you get rid of those errors on your solution report and make your solution more accessible. 😉

  Keep coding (and happy coding, too)! 😁

  10
• 

  Siti annisa•235

  @sitiannisa13

  Posted over 4 years ago

  hi i type this in css file to get the perfect circle:) i.fab{ border-radius:50%; padding:10px; font-size: 1.6em; width: 1.6em; text-align: center; line-height: 1.6em; }

  10
• 

  Toru Oikawa•55

  @Oikawasan

  Posted over 4 years ago

  Hi, add this following codes to get a perfect circle in all of your icons:

  .fa-facebook, .fa-twitter, .fa-instagram { display: flex; align-items: center; justify-content: center; height: 40px; width: 40px; }

  10
• 

  Faber Ordoñez•35

  @faberordonez1

  Posted over 4 years ago

  The problem with the icon outline can be solved by applying custom padding only to the facebook icon

  10