Huddle landing page using html and css.

Community feedback

• 

  P

  tediko•6,680

  @tedikoPosted over 3 years ago

  Hello, Antony Njenga Muchiri! 👋

  Congrats on finishing your first challenge! 🎉 Your solution looks very good and also responds well. Here's my few tips:

  • Add background-size: cover; to your body to to fill the container with background.
  • Read about semantic. Semantic elements lead to more consistent code, they are easier to read and improve accessibility.
  • Instead of adding margin-left: 20px to your anchor elements with icons add Flexbox gap property to .social-links container. For example: gap: 20px. With gap spacing, we only add space between the items. Take a look in dev tools when you add margin-left value that EVERY item has that property, so it will causes problems in diffrent scenarios when your first or last item has margin-left/right set. Gap is easy way to remove that problem.

  Good luck with that, have fun coding! 💪

  1

  ---

  

  Antony Njenga Muchiri•105

  @Muchiri400Posted over 3 years ago

  Thank you tediko. I'll definitely look into that.

  0