Skip to content
Submitted 10 months ago

Testimonials Grid Section

Edwin Mugo•170
@EdwinMugo
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Testimonials grid section
  • HTML
  • CSS
2junior

Design comparison

SolutionDesign

Solution retrospective

Hi everyone,

I'm currently working on this project and using CSS Grid Layout to structure my content. I have defined grid template areas for the columns in my grid layout, but I'm facing an issue where the fractions appear to be unequal, resulting in inconsistent column widths for each card. Despite my efforts, it seems like the grid template areas for columns are not equal, causing inconsistency in the layout. Can anyone help me identify the issue or provide suggestions on how to ensure equal column widths for each card?

Thanks in advance for your assistance!

Community feedback

  • Edwin Mugo•170
    @EdwinMugoPosted 10 months ago

    I found the solution to my problem which was that I had not explicitly declared: grid-template-columns:repeat(4, 1fr);

    0

Please log in to post a comment

Log in with GitHub

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