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

Mobile First Testimonial Page using CSS Grid

Ashley 75

@alwodzicki

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


I would like feedback on the text wrapping in my design. I calculated the padding for each testimonial block at 30px, but the text is not wrapping exactly like the design images. I tried changing the padding and letter-spacing and nothing would produce the exact line breaks. Is there something I am missing?

Community feedback

bunee 2,060

@buneeIsSlo

Posted

In my opinion, This is as close as you can get to the actual design. If you still wish to make the page pixel perfect... Maybe try tweaking the width of content-wrap ? And also this box-shadow: 18px 37px 57px -22px rgba(0, 0, 0, 0.2); is a more accurate box-shadow. Hope this helps :)

Marked as helpful

0

Ashley 75

@alwodzicki

Posted

@buneeIsSlo Thank you for your feedback. I overlooked the box-shadow and need to read more about it, so I appreciate the code and the reminder :)

1

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