Trying to solve the Stats preview card component challenge

Solution retrospective
Hello world ! 😎
I tried my best, do not hesitate if you've any advice. 😉
Have a nice sunday ! ☼
Please log in to post a comment
Log in with GitHubCommunity feedback
- @correlucas
👾Bonjour Mandresy! comment ça va?
Congratulations for your solution!
I've just inspected your solution's code and you've done a good job here, you're one of the few person that match the color overlay by the first attempt and this is amazing. To reach the perfect overlay use a
opacity
value aroundopacity: 0.75;
to have it less strong.There's only one thing missing in your solution, the alignment, to do that use
flexbox
also inside thebody
I saw that you've used this on the container, so you know how to use it and applymin-height: 100vh
to make the child element align to the body height. See the code below:body { display: flex; font-family: var(--second-font); height: 100vh; }
Hope it helps and happy coding!
Marked as helpful
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