
Design comparison
Solution retrospective
Flex-box items.
What challenges did you encounter, and how did you overcome them?Disposal of items in flex-box.
Community feedback
- @ObikaviolaPosted 3 months ago
Well done completing the challenge.
You've got most of the code right but I think you might be having issues trying to centre-align and getting the "HTML & CSS Foundation" to change color in its hover state.
I found the problem with the alignment. You have to change this
body { height: 100vw; }
to this
body { height: 100vh; }
To get the color to change in its hover state: remove this style:
description h2 { color: rgb(219, 189, 52); }
then add this in your CSS:
description h2:hover { color: hsl(47, 88%, 63%); cursor: pointer; }
Also, the background color are different from the one in the design. I don't know if it's intentional but if it's not then you can change it to the one given in the style guide "hsl(47, 88%, 63%)"
Great work once again 😊👍🏾
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