Submitted 4 months ago

Testimonials Grid Section. CSS Grid + Flex Box. @media 1200px

TheGDneo• 100

@GD-neo

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Testimonials grid section

HTML
CSS

2junior

View challenge

Design comparison

SolutionDesign

Solution retrospective

What are you most proud of, and what would you do differently next time?

This was the first time I have ever worked with CSS Grid and I am really pleased with the result. I also managed to combine Flex Property with the Grid set up, so below 1200px I have a flex set up and above that it changes to the grid as specified.

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

As mentioned above this was the first time I worked with grid, so I had to look up the correlating properties regularly. This was also my first Junior challenge and a decent step up from the challenges I completed so for.

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

Any suggestions related to my approach, readability and structure or any other aspects you see that I could approve on or think I might be better of doing in the future are welcome. :D Thaks

Community feedback

Arnold Limberg• 410

@CreativeLogic

Posted 4 months ago

Overall, great job. If you want to be closer to perfection you can notice in the design where text breaks and in your design add some margin to the text block or max-width to control how text breaks. Take a look at Patrick's card and where the bottom text breaks.

Please log in to post a comment

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