Skip to content
Submitted over 1 year ago

Testimonials Grid Section

Rahilul Islam Fahim•180
@fantasticfahim
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

How can I create a gap between 4 horizontal left cards and the vertical right card? I have tried margin-left, and column-gap but nothing works.

Community feedback

  • visualdennis•8,375
    @visualdennissPosted over 1 year ago

    Hey,

    The problem is that you are using too many nested grids, one grid is enough for this whole layout. And then you can simply use the gap property that will set the column-gap and row-gap together. E.g. gap: 20px; etc. So try to simply use only one GRID to make this 2x3 Grid layout of testimonials.

    Hope you find this feedback helpful!

    Marked as helpful
    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