Summary component using CSS custom properties and data attributes

Please log in to post a comment
Log in with GitHubCommunity feedback
- @Hassiai
Replace <h2> with <h1> to fix the accessibility issue.
Every html must have <h1> to make it accessible. Always begin the heading of the html with <h1> tag wrap the sub-heading of <h1> in <h2> tag, wrap the sub-heading of <h2> in <h3> this continues until <h6>, never skip a level of a heading.
You forgot to give the body a background-image with a background-size of contain and background-repeat of no-repeat. The background-image can be found in the images folder in the zip folder you downloaded.
This challenge requires a media query , in the media query you have to change the background-image of the body.
You forgot to give the button a box-shadow value.
Hope am helpful.
Well done for completing this challenge. HAPPY CODING
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