Trying to solve the Stats preview card component challenge
Design comparison
Solution retrospective
Hello world ! 😎
I tried my best, do not hesitate if you've any advice. 😉
Have a nice sunday ! ☼
Community feedback
- @correlucasPosted over 2 years ago
👾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 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