Skip to content
Submitted 4 months ago

Testimonial Grid Section using TailwindCSS and React

Victor Chgbo•40
@chivicks-hazard
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 proud for the fact that after a long time, I'm able to use the grid box to build a responsive layout.

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

I had the challenges of inconsistent padding across the boxes in the grid.

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

I need help on how to maintain consistent margin and padding across the elements in the grid box.

Community feedback

  • Alex•3,130
    @Alex-Archer-IPosted 4 months ago

    Hi!

    Cool work, well done =)

    You can use a bit simpler grid layout without separating the last item. To do this explicitly set it's grid-column and grid-row properties.

        .card {
        grid-column: 3 / 4;
        grid-row: 1 / 3;
    }

    Also I suggest you to use more semantic tags - this a list of comments, so you should use ul and li here.

    Good luck and happy coding =)

    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