Huddle landing page with a single introductory section resolution

Community feedback

• 

  Melvin Aguilar 🧑🏻‍💻•61,140

  @MelvinAguilarPosted 12 months ago

  Hello there 👋. Good job on completing the challenge !

  I have some suggestions about your code that might interest you.

  There are several issues preventing you from modifying the image effectively. I would recommend, for your next project, adopting a mobile-first approach to ensure a more user-friendly solution on mobile devices:

  • The image lacks max-width: 100% property, so it won't be responsive to different screen sizes.
  • Your solution lacks box-sizing: border-box; property, making it challenging to control the sizing of elements accurately, especially with padding and borders.
  • Margins are excessively large for mobile devices (margin: 98px 80px 70px;). Consider using a media query to adjust them.
  • Avoid setting fixed widths (width: 700px;) as it causes overflow on mobile devices. Instead, use max-width when necessary.

  I hope you find it useful! 😄

  Happy coding!

  Marked as helpful

  0