Social proof section using Flex box, Sass
Design comparison
Solution retrospective
Hey everyone! I wanted to practise flex box here. To get a staggered position of the cards, I set min-width
on the container and used align-self
on the cards - it works but I wonder if there's a magical flex box property that I could've used instead?
Community feedback
- @ApplePieGiraffePosted over 3 years ago
Hey there, Agata Liberska! π
Good to see you complete another challenge! π Nice job on this one! π Overall, everything looks good and responds rather well! π
I don't think I know of any flexbox property that will do what you're sayingβyou could just use margin or the transform property to push the testimonial cards downwards (or use the method you did for this challenge, of course). π
There's a horizontal scroll bar that appears along the bottom of the screen in the mobile/tablet layouts. Adding
overflow-x: hidden
to thebody
should get rid of that! πKeep coding (and happy coding, too)! π
1@AgataLiberskaPosted over 3 years ago@ApplePieGiraffe ohh thank you, didn't notice that scrollbar at all, that will teach me to not just check it in device mode! Going to correct it now :)
0 - @yasssuzPosted over 3 years ago
You should use grid for something like that, cause this is a bidimensional layout. Flexbox is good for monodimensional layouts (like a navbar for example). Take a look at my project and look at how I approached this with CSS grid.
good website btw!
0
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