Skip to content
Submitted over 2 years ago

Testimonials using css grid / flex

Tabassum Fatima•215
@tab21
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

I don't know how to make it more responsive using CSS grid like do I need to write code for every 100px or is there a better way to do it? I know it's because I was not comfortable with the CSS grid yet but it still worked out so is it normal or at which parts need improvement? Please leave any pieces of advice to make my work better!

Community feedback

  • Naveen Gumaste•10,480
    @NaveenGumastePosted over 2 years ago

    Hello Tabassum Fatima ! Congo 👏 on completing this challenge

    Let's look at some of your issues, shall we:

    • My suggestion will be all those grid should be warp around with a div and that div should have css property of
    max-height: 100vh;
display: flex;
justify-content: center
align-item: center;

    So when the content is center the split them into grid layout, I may be wrong pls let me know if this works or know

    happy Coding😀

    0
    Tabassum Fatima•215
    @tab21Posted over 2 years ago

    @Crazimonk hi, thanks for looking through it. I tried the suggestion you suggested but it didn't work.

    1

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