huddle-landing-page-with-single-introductory using flexbox properties
Design comparison
Community feedback
- @HassiaiPosted almost 2 years ago
there is no for the <a> within the <button> remove that to fix the error issue and wrap the heading in <h1> to fix the accessibility issue.
Give the body the background-image and color you gave to the main.
Use relative units like rem or em as unit for the padding, margin, width values and preferably rem for the font-size values, instead of using px which is an absolute unit. For more on CSS units Click here
Give the main a max-width of 1440px, a width of 80% and margin: 0 auto for the left and right sides of the page, you dont need to give the main a width value in the css this will work on all screen sizes.
main{ max-width:1440px; width: 80%; margin: 0 auto; }
Hope am helpful.
Well done for completing this challenge. HAPPY CODING
Marked as helpful0
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