Skip to content
Submitted 11 months ago

Testimonials grid section - Tailwind CSS, Next.js

next, tailwind-css, typescript
P
Darrick Fauvel•490
@DarrickFauvel
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?

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.

Code

Please log in to post a comment

Log in

Community feedback

  • mofada•340
    @mofada

    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

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