Submitted about 1 year ago

Social proof sections using self-align

Nico Velasco•410

@Darionvr

A solution to the Social proof section challenge

Preview Code

Solution retrospective

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

What definitely gave me trouble was arranging the cards in a cascading order because they didn’t respect the block space and overlapped with other elements. To solve it, I added a margin only to the center card and kept all of them using the flex and align-self properties.

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on Nico Velasco's solution.

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