Results Summary Component

Please log in to post a comment
Log in with GitHubCommunity feedback
- @Tonye-Onuoha
@yrjeb Good work. Only needs some minor adjustments to make it better.
-
You forgot to add border-radius to each of the skills listed.
-
The top-left and top-right corners of the purple score component/container don't need any border-radius specified for the mobile-layout. You need to remove them in the mobile-layout but add them for the desktop-layout.
-
You didn't add the correct color for the "Summary" heading. Set it to "hsl(224, 30%, 27%)" as specified in the style-guide README.md file.
-
You didn't add the linear gradient for the "Continue" button hover effect. You can set it to "background-image: linear-gradient(hsl(252, 100%, 67%), hsl(241, 81%, 54%));"
-
Finally for the most obvious one, you need to set the background color of the body to the specified color like this : "background-color: hsl(221, 100%, 96%)"
Hopefully this makes things much better.
-
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