Design comparison
SolutionDesign
Solution retrospective
What specific areas of your project would you like help with?
Is there a reason why the main component is not vertically centered? and how do I fix it?
Community feedback
- @KapteynUniversePosted 26 days ago
Because grid have 2 component; card-component and footer. Grid making two rows because of it and place-items centering them on their own cells. Try
place-content: center;
. Here is a video that explains the difference between themor you can delete footer too
Marked as helpful0 - @asimsaeed353Posted 26 days ago
Hi @hallovi, Are you asking why your whole card component is not vertically centered?
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