Skip to content
Submitted 2 months ago

Testimonial Grid Section

Raquel•120
@Saekit
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 most proud of creating the grid layout since I don't use grid very often.

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

I had some trouble getting the svg import to show up. I found that for styled-components I needed to interpolate the svg import to get it to work. Then the svg wasn't working on my live site and I found that I needed the svg to be in the public folder for it to work.

Community feedback

  • Ken•160
    @ubcyukinyPosted 2 months ago

    Hi!

    It looks really good!

    Thankyou so much for the challenge section writeup! I also had the svg import not showing up on live site and after moving it to the public folder it worked for me.

    It's responsive on every screen size, I love the personal touch you made on tablet size grid layout.

    I don't have any helpful feedback, but I learned a lot from your code. For example, using max-width: percentage on the testimonials grid section div so it does not stretch too far out.

    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