Skip to content
Submitted almost 2 years ago

Testimonial Grid Using CSS Grid and Flexbox

Jeeho Lee•150
@jeeheezy
A solution to the Testimonials grid section challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

The space between the edge of the cards and the text is hard to replicate; I've had to implement padding and margins on individual elements several times. Would appreciate any advice on how I could achieve the desired end result without having to specify padding and margin so many times, or if there's any other suggestions on how to make the code more short and succinct!

Code

Please log in to post a comment

Log in

Community feedback

  • Nayan Bhatt•1,000
    @freaky4wrld

    Hey there, well done for your hard work and effort...... to ease up the spacing problem.....

    You can use the grid's gap property it's a shorthand for col-gap and row-gap... this also applies to the flex elements.....

    You can refer to these : flex, grid

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