Social proof section using flexbox and 2 media queries
Design comparison
Solution retrospective
Hello there. I did it but i feel like i've done it in a somewhat disgusting way. I've slapped flexbox everywhere and feel like it was a bit too much?
I also didn't know how to add height to the container containing 3 consumer's cards so i just added margin-top to 2 of them as translateY would overflow content under that container?
On top of that i don't know how to add background images and position them properly for now.
I've used 2 media queries for medium and desktop screen sizes. While going from medium to desktop size, 2 bottom cards have a little transition to make it a little more fancy. I've tried doing it with the 5 star ratings too but i couldn't make it to transition to center and right positions.
Any kind of feedback that will help me improve and grow is appreciated!
Community feedback
Please log in to post a comment
Log in with GitHubJoin 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