Huddle Landing Page with a single introductory section with HTML & CSS

Community feedback

• 

  Luke•220

  @lukebergmann

  Posted over 4 years ago

  Hey Abbas,

  This code is looking really great! The others to reply definitely covered a ton! The one thing I would double check it the font-color of the 'register' button. I believe you chose the pink color when it should be the plum color! Other than that, this is looking dope!

  Happy Coding! Luke

  11
• 

  

  ApplePieGiraffe•30,525

  @ApplePieGiraffe

  Posted over 4 years ago

  Hey, Abbas Saad! 👋

  Nice to see you complete another challenge! Good work on this one! 👏

  I suggest,

  • Adding overflow-x: hidden to the body to prevent a horizontal scroll bar from appearing in the desktop layout.
  • Allowing the background image to fill up the entire area of the screen (even when the screen size increases) by adding background-size: cover.
  • I think setting actual px or rem values for some of the margins or paddings would be a good idea to keep your design consistent across various screen heights and widths (e.g., there's a bit too much space between things in the Ipad Pro layout, for example).

  Keep coding (and happy coding, too)! 😁

  11
• 

  Web Frog•1,840

  @MasterDev333

  Posted over 4 years ago

  Great work. However when the screen below 1065px, it shows a horizontal scrollbar due to static widtht of the introductory. And social icons are shrinking when responsive. Please add this style to .social-media a { width: 40px; height: 40px; display: inline-flex; align-items: center; justify-content: center; } Hope it helps. Happy coding ~ :)

  11