Skip to content
Submitted over 3 years ago

Testimonial Grid Section with the help of grid and flex

Akshay•60
@akshaycrzy
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 to make one column grid in 350px resolution? I've tried to make one column grid in 350px resolutions but the grid stays as it is as in desktop resolution even though I changed it, due to this I had to use flex box. Please help me out..

Community feedback

  • Agata Liberska•3,995
    @AgataLiberskaPosted over 3 years ago

    Hi @akshaycrzy, did you just try to change grid-template property on the container? I copied your code into codepen just to try it out and display: grid worked after I commented out all grid-column and grid-row on the cards.

    If that wasn't it, let me know and I'm sure we'll be able to work it out :)

    Generally though, it's a lot easier to start coding mobile first and only add media queries for larger screens - here's an article discussing this in detail

    Hope this helps :)

    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