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 solution

P
Matt Cope 340

@MatthewPCope

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?

Starting with a mobile-first approach, next time I'll do this way again.

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

I had a hard time positioning the big quote mark but I got it as close as I could.

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

Maybe if someone wants to help position that quote better for desktop and mobile.

Community feedback

Alfredo 50

@almendev

Posted

Good job! I like your HTML implementation and your CSS classes. I noticed that you're using the same font color for text on cards with non-white backgrounds. However, the cards with non-white backgrounds do not use the same font color. I also recommend using the quote image as a background image. This way, you can fix the overflow issue more effectively.

Keep coding!

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