Skip to content
Submitted 2 months ago

Testimonial Grid Section challenge done with vanilla HTML and CSS

Anto•130
@Antonex
A solution to the Testimonials grid section challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

What are you most proud of, and what would you do differently next time?

Try not to nest them so much

Code

Please log in to post a comment

Log in

Community feedback

  • P
    Johnnie-Boy•250
    @Capt-Rong

    Your layout is very good!!

    But your grid layout seems too tight, so the card content would be squeezed.

  • P
    Tibor•120
    @totibor

    Hello @Antonex, good job implementing the design. I think You could further improve it by giving the testimonial cards more space by removing width: 65% and width: 90% on smaller screens from the .container class. In my opinion the padding on the .container gives enough distance from the edge of the screen.

    Other approach would be to define a smaller (like 13px) font size in the html element.

  • Guilherme Diniz•170
    @Guilherme-dDiniz

    Good your project sir, I believe that to solve the alignment problem I advise you to put the cards inside a single container and put in the body a display: flex; with a justify-content: center; and an align-items: center; to solve the problem.

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