Skip to content
Submitted over 2 years ago

Bootstrap CSS HTML

Thidar Nyein•410
@thidarnyien
A solution to the Testimonials grid section challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

I want to know how to adjust grid columns' height.

Code

Please log in to post a comment

Log in with GitHub

Community feedback

  • Lucas 👾•104,200
    @correlucas

    👾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 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