Design comparison
Solution retrospective
Why inner elements of outer Div did not inherit background-color? Then i had to use class 'cardColor' in every element to work, thanks
Community feedback
- @waleed-alfaifiPosted about 2 years ago
Because you have a universal selector
* { ... }
that sets the propertybackground-color
for all elements. Check the Elements tabCtrl+Shift+i
of the browser for debugging.Also check the centering issue, other than that everything is good.
Good luck with your learning journey.
0 - @Deevyn9Posted about 2 years ago
Hi Matistikoff, congrats on completing this project, your solution looks really good, However you'll need to center the container you can do this by: Giving the body a min-height of 100vh, a width of 100vw then you give it a display: grid; and then you place-items: center; to center the container.
I hope this solves your problem and you find it helpful.
Happy coding!
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