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

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?

happy coding

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

happy coding

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

happy coding

Community feedback

Dan P. 250

@Danielfww

Posted

Hey Muhammad - good job finishing this project, took me few days to finish this myself.

I do see few problems with your solution though and hope that my advice helps even a little:

  • I seen that you used flexbox for the desktop version and while that should be good, grid would probably been more helpful for you in sense that:
  • Grid could help you create space between different divs with gap command;
  • positioning divs would been easier;

On another note:

  • The much bolder text in the design files if possible I would have used h1 to h6 instead of going with p; Also if anything I would try to use position relative on your testimonial quotes and moving them up and down with top or left commands to stay as close to design as possible.

Hope this helps even a little and good luck on your future projects!

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