Huddle landing page using CSS

Your solution is responsive on mobile good work Keep coding👍

Hay ! Monica Good Job on challenge

These below mentioned tricks will help you remove any Accessibility Issues

-> Add Main tag after body <main class="container"></main>

-> Always use the "alt attribute" and write what img is , and if the img is for decorative then leave it empty but always add it with img tag.

-> Learn more on accessibility issues

If this comment helps you then pls mark it as helpful!

Have a good day and keep coding 👍!

Hi There! 👋

Congratulations on completing this challenge! 🎉

I notice that you have put text content inside all social media links but you make them display: none;. If you make the text display: none;, it won't be accessible by anyone. Instead, I would suggest having a visually hidden text, the sr-only styling.

Some feedback:

• Accessibility
  • All images must have alt attribute. You can leave them empty if the images are decorative.
  • The most important content on the page is the logo. Its information is used by a screen reader user or a search engine to know what your site/project is called.
  • The social media links are not navigation, as far as I know. nav is commonly used for links that are used to navigate the user in the website.
  • Create a custom :focus-visible styling to any interactive elements (button, links, input, textarea). This will make the users can navigate this website using keyboard (by using Tab key) easily.
• Styling
• I would recommend setting a max-width for the container instead of width so that it allows to shrink.

I hope this information is useful! Happy coding! 😁