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

Testimonials Grid Section

@akibulshafi

Desktop design screenshot for the Testimonials grid section coding challenge

This is a solution for...

  • HTML
  • CSS
2junior
View challenge

Design comparison


SolutionDesign

Community feedback

Ulrich1979 160

@Ulrich1979

Posted

Hi @akibulshafi,

This solution looks great

When I looked at the direct comparison with Frontend Mentor, I noticed the inequal fillings of the boxes. This may be due to your with parameters for your .testimonial-grid class :

Instead of width: min(95%, 70rem); I would have chosen a wider range (e.g. 90 rem) or even shorthand this to width: 95%

I hope it helps!

Other than that, great job!

0

@akibulshafi

Posted

@Ulrich1979 Thanks for the insight.

I actually have tried various widths from 50%-95% for .testimonial-grid but it doesn't seem to work! Do you have any other solution to the problem? I want to get as close to the original one!

But now my grid is way too big and overflowing in the y direction, I want to be in a single viewport.

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