Huddle landing page with a single introductory section
Design comparison
Solution retrospective
please rate it.
Community feedback
- @HassiaiPosted almost 2 years ago
Add aria-label attribute
aria-label=" "
to the <a> of the social media icons to fix the error and accessibility issue. The value for the aria-label is the description of the link. For more aria-label click hereGive the body a background-size of cover, there is no need for background-position in the body.
Give the nav, main and footer a max-with of 1440px a width of 80% and margin: 0 auto for right-side and left side space of the content.
nav, main, footer{ max-width: 1440px; width: 80%; margin: 0 auto; }
Their no need for align-item in the section. Give .left-content and right content a width of 50% or left-content a width of 55% and right -content a width of a width of 40% and add justify content: space between to the section.
In the media query give the section a max-width value and .right-content and .left-content a width of 100%.
Hope am helpful.
Well done for completing this challenge. HAPPY CODING
0
Please log in to post a comment
Log in with GitHubJoin 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