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 Section using CSS Grid

@Tolulope-as

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'm back again but this time i decided to play with Grid a little , I think I did a good job but i am not sure i centered the main div properly any tips and suggestions are always welcomed.

Community feedback

Kimo Spark 2,190

@kimodev1990

Posted

Really nice work completing the challenge, Just a few feedback :-

  • You could your container in the middle of your website by adding the body :
display: flex ;
justify-content: center ;
align-items: center ;
min-height: 100vh ;

then your container under body will be centered.

  • Use rem or em units in font-size rather than px, for better responsiveness.
  • You could use clamp ( ) method in your coding for font-size, width, margins, padding, etc., So the designed sizes will change according to the viewport dimensions having a responsive design and will be suitable for any device layout.

Hope you find this Helpful.

Other than that, Really Nice work & keep Going on .

Marked as helpful

0

@Tolulope-as

Posted

@kimodev1990 Thanks so much for the suggestion regarding centering the div and suggestions on responsive design, I'll work to implement them in future projects .

0
Kimo Spark 2,190

@kimodev1990

Posted

@Tolulope-as You're always welcome, Anytime....

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