Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Testimonial Grid Section

Raquel 120

@Saekit

Desktop design screenshot for the Testimonials grid section coding challenge

This is a solution for...

  • HTML
  • CSS
2junior
View challenge

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

P
Ken 160

@ubcyukiny

Posted

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
Discord logo

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