Skip to content
Submitted 10 months ago

Testimonial Grid Section

react, vite, styled-components
Raquel•120
@Saekit
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 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.

Code

Please log in to post a comment

Log in

Community feedback

  • P
    Ken•160
    @ubcyukiny

    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.

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