Skip to content
Submitted over 3 years ago

Testimonial grid section with CSS grid and SASS

Gabriel Monsalve•320
@Gabrieldev-web-coder
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

In the mobile design I could not position the shape in the exact place, but a little approximate, if you could make it clean, I ask you to tell me how, why I could not and I applied media queries from 1024px, below that was too narrow for the layout.

Any other detail or feedback is welcome. Have a nice day <3

Community feedback

  • ApplePieGiraffe•30,545
    @ApplePieGiraffePosted over 3 years ago

    Hello there, Ippo! 👋

    Good job on this challenge! 👏 I think your solution responds quite well and the position of the background quote in the purple testimonial card seems fine! 👍

    I only suggest adding a max-width to the grid container to prevent the grid from becoming too stretched on extra-large screens. 😉

    Also, vertically centering the grid container in the viewport (using flexbox or something) would be a nice touch!

    Keep coding (and happy coding, too)! 😁

    1
    Gabriel Monsalve•320
    @Gabrieldev-web-coderPosted over 3 years ago

    Omg! you comment on my solution! really thanks!

    About the max-width, i must use static units?

    1
    ApplePieGiraffe•30,545
    @ApplePieGiraffePosted over 3 years ago

    @ippotech

    No problem! 😀

    Yeah, I think fixed units (such as px or rem) for the max-width would work well! 👍

    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