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 component

P
Paulā€¢ 420

@mayor-creator

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


Hello, I completed another project before shifting my focus to JavaScript. I had fun working with CSS Flex and Grid properties. What are some best practices for using CSS Grid? Any suggestion on how to improve this or my code will be appreciated. Thank you.

Community feedback

Shakil ahmedā€¢ 260

@Shakil-a

Posted

Great job on the challenge Paul, suggestions for improvements would be:

  • fill in the alts for the images for better accessibility
  • on the desktop version if you decrease your font sizes and also set a max-width of around 70% to the main container you can make the container similiar size to the design
  • And then to align it you could set your body to display flex, justify content and align items to centre have a min-height of 100vh to centre your main container.

I also struggled with that part and those changes i gave in the suggestions worked for me

other than that, great job

1
P
Paulā€¢ 420

@mayor-creator

Posted

Thank you for insightful feedback

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