Skip to content
Submitted about 2 months ago

Testimonial Grid Section

Tolulope David•170
@tomxyd
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?

Using the display grid

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

I encountered finding it hard to structure the HTML which could make the designing in CSS easier. Took a lot of procrastination and I had to restart all over, but ultimately came up with a solution by trying unique structures and learning new css selectors.

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

How to better center grid containers without using margin-top.

Community feedback

  • Hazhir Naseri•180
    @hazhir00Posted about 2 months ago

    You created a beautiful design! I recommend using more semantic HTML tags instead of relying on <div> elements. Unfortunately, we both faced the same issue with centering the grid layout. I also used margins to center it, but if you have discovered a better solution, I would love to hear it. Keep up the great work! 💪

    0
    Tolulope David•170
    @tomxydPosted about 2 months ago

    @hazhir00 Thanks for the feedback. Any suggestions on those html semantics?

    0
    Hazhir Naseri•180
    @hazhir00Posted about 2 months ago

    @tomxyd

    • you used 'main' correctly, but I replaced the first div with the class 'card' with a section element.

    • Every page should only have one H1 tag; otherwise, use H2 tags.

    for more information go to this link Semantic HTML

    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