Submitted over 2 years ago

Testimonials grid section solution - with Grid and Flexbox

Goran• 500

@GoranK89

Preview site View code

This is a solution for...

Testimonials grid section

HTML
CSS

2junior

View challenge

Design comparison

SolutionDesign

Solution retrospective

This challenge was harder than expected, especially the first card, which was glued together with absolute positioning (not sure if thats good). Another issue is the spacing below the paragraphs in the 2nd row, not sure currently how to approach that. Overall it feels like I also used a lot of unnecesary CSS selectors, so any future changes to this challenge might be a bit confusing.

Community feedback

Anna• 545

@NitaLewska

Posted over 2 years ago

Hi! I'd recommend you to read about CSS Grid and to try to rebuild this project using it. Using absolute positioning for each isn't really the best idea, as it kills responsiveness at some point.

Marked as helpful

Goran• 500

@GoranK89

Posted over 2 years ago

@NitaLewska yes definitely, after submiting this solution I saw that many things are off. Fullscreen it looked fine but during resizing things change too much.

Anna• 545

@NitaLewska

Posted over 2 years ago

@GoranK89 Also, I think, that when you'll read a bit about Grid and Flexbox, everything will be much more easier =)

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