Skip to content
Submitted 4 months ago

Testimonials grid section - Tailwind CSS, Next.js

Darrick Fauvel•490
@DarrickFauvel
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

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

I am proud that outside of Tailwind CSS, I used custom CSS to create responsive grid views for multiple screen widths. Specifically, I used grid template areas to make these responsive layouts.

What challenges did you encounter, and how did you overcome them?

The challenge I encountered was that nearly every testimonial looked different. For this, I targeted each testimonial card using the CSS :nth-child() selector and applied its specific style.

What specific areas of your project would you like help with?

Did I miss something? Is there anything I can do better? I am open to any constructive feedback.

Community feedback

  • mofada•340
    @mofadaPosted 4 months ago

    First of all, congratulations on completing the challenge. It's done very well, awesome!

    First of all, from the HTML semantics point of view, it's awesome, I can't fault it. Secondly, you also added hover animation, which is a good attempt. And responsive matching, it's perfect, awesome

    1
    Darrick Fauvel•490
    @DarrickFauvelPosted 4 months ago

    @mofada, thank you for the kind words!

    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