Skip to content
Submitted almost 2 years ago

Responsive social proof page using flex and grid

Kevin Molina•200
@KevinMA95
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Social proof section
  • HTML
  • CSS
1newbie

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
    @rStrzelczyk98Posted almost 2 years 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
    0

Please log in to post a comment

Log in with GitHub

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