Submitted about 3 years ago

Solution with SASS, Grid & Flexbox

Antonio Novak•480

@Nova988

Preview site View code

This is a solution for...Social proof section

HTML
CSS

1newbie

Design comparison

SolutionDesign

Solution retrospective

Hi,

I would love to receive some feedback on this challenge. I did the alignment of the two sections (reviews with stars on the right and testimonials at the bottom) in different ways. I used grid for the right one and just added some margin on the bottom testimonials. Is there a difference between using those two or is there a better way to implement the spacing of the cards?

Community feedback

darryncodes•6,390
@darryncodesPosted about 3 years ago
Hi Antonio,

Nice work, really responsive - well done!

you could consider using transform: translate x/y to achieve the staggered card affect instead of margin. I think it might be a little simpler from a responsive design perspective

change your <h3>s to <h2>s and you'll clear your accessibility report. It's important not to skip heading levels

Happy coding!!
0

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