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

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


All feedbacks will be appreciated.

Community feedback

@faruking

Posted

Your design is great(omo iya mi) but I believe it shouldn't fill the screen(just like the design itself). You can reduce the width of the main section by adding margin of 10% at (style.css line 107).

1

@faruking

Posted

@Adegbembo Ok in that case, Remove the 10% margin but make the attribution closer to the main body.

0

@Adegbembo

Posted

@faruking it is closer now. Please, do you have any idea why my designs are showing differently on both the preview site and design/solution comparison? And how can I also prevent the testimonials from stretching?

0

@faruking

Posted

@Adegbembo I believe its the way your layout is structured. If I were you, I won't make my outermost container(body in this case) to be a grid. Remove the grid from the body. You can also check my design for some tips.

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