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 solution

@sakr2000

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?

  • Applied my knowledge of CSS and CSS-grid
  • Applied my knowledge of responsive web design and media queries

Community feedback

@rowanrooster

Posted

Your code looks good - sizing is slightly different but it works as it should!

The only thing I could say is check out CSS custom properties (variables) might help save some time and make things a bit easier to work along: W3Schools

Also I think adding the height/width to the image itself will stop it from loosing its aspect ratio - sometimes the image container shrinks a bit to fit the image and name in the same line on smaller screens making the image squash a bit and becoming oval.

Nice work!

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