Responsive Huddle Landing Page with CSS Flexbox and CSS Grid

Community feedback

• 

  T

  ApplePieGiraffe•30,545

  @ApplePieGiraffePosted almost 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)! 😁

  1
• 

  Siti annisa•235

  @sitiannisa13Posted almost 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; }

  1
• 

  Toru Oikawa•55

  @OikawasanPosted almost 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; }

  1
• 

  Faber Ordoñez•35

  @faberordonez1Posted almost 4 years ago

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

  1