Design comparison
SolutionDesign
Solution retrospective
I want to know how to adjust grid columns' height.
Community feedback
- @correlucasPosted about 2 years ago
๐พHello Mal Thidar, congratulations for your new solution!
โ Answering your question:
To make these column centered and not growing more than it should use
align-items: center;
inside.grid-container
.grid-container { margin-top: 100px; width: 75%; color: white; height: 100vh; display: grid; grid-template-columns: repeat(4, 1fr); /* grid-template-rows: repeat(2,1fr); */ grid-template-areas: "item1 item1 item2 item3" "item4 item5 item5 item3"; gap: 20px; margin-bottom: 20px; align-items: center; }
โ๏ธ I hope this helps you and happy coding!
Marked as helpful1
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