Huddle landing page using HTML & CSS

Solution retrospective
I am proud that I used display: grid; gap: 2.5rem; grid-template-columns: repeat(auto-fit, minmax(325px, 1fr)); Which aligns the elements for both resolutions without using a media query
What challenges did you encounter, and how did you overcome them?centering the social media iicons for both mobile and desktop version. Used !important for solution.
What specific areas of your project would you like help with?How to avoid !important or anything is possible
Please log in to post a comment
Log in with GitHubCommunity feedback
- @MarziaJalili
Amazing work! 👑
🌟 A tiny point on semantics?
✅ The social links on the bottom of the page would be better nested in the <a> element.
✅ Then, you could set the href to either the actual websites like https://instagram.com or leave as a dummy link.
✅ Also, we should the aria label for the links as every <a> element should have some explicit text within it.
✅ Overall:
<a href="https://instagram.com" aria-label="instagram-web" > <i class="fa-brands fa-instagram"></i> </a>
Keep up the grind — you're on the right track! 🔥
Marked as helpful
Join our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord