Testimonial Grid Section

What are you most proud of, and what would you do differently next time?

I am proud to have solved my first junior difficulty solution. I can see my skills with grid layout is increasing and I am being able to adapt between both flex and grid depending on the design.

What challenges did you encounter, and how did you overcome them?

At first I did have some challenges with the sizing of the cards in the grid container. After some adjustments, I changed the margin of the overall section and also implemented box-sizing:border-box; to ensure the cards are aligned as anticipated. I also made sure to change the row sizes. Initially, I made both rows a size of 1fr but then realized that this isnt the case and would have to put a fixed unit.

.grid-container {
    margin: 155px 165px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: 280px 270px;
    gap: 30px;
}

.clifford {
    position: relative;
    grid-column: 1 / 3;
    grid-row: 1 / 2;
    background-color: var(--Moderate-violet);
    border-radius: 10px;
    box-sizing: border-box;
    padding: 25px 30px;
    z-index: 5;

}

What specific areas of your project would you like help with?

I need help with being able to implement this design in a more optimal way. Always room for improvement!