Submitted over 1 year ago

Responsive social proof page using flex and grid

Kevin Molina• 200

@KevinMA95

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Social proof section

HTML
CSS

1newbie

View challenge

Design comparison

SolutionDesign

Solution retrospective

It feels good to finish another challenge :).

Any feedback is welcome also is there a better way to use the same svg file instead of having to write it multiple times in the HTML?

Have a nice day everyone and happy coding!

Community feedback

Robert Strzelczyk• 440

@rStrzelczyk98

Posted over 1 year ago

Hi, Kevin!

Try creating an unsorted list with five list items inside. Add the same class to each item to style them in CSS. In CSS, set svg as the background-image and set background-repeat and background-size to display it correctly. You can look at the code in my solution, but I strongly recommend that you do it yourself.

Hope you find it useful!

Happy coding!

Marked as helpful

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