Skip to content
Submitted over 2 years ago

Social proof using CSS columns

Kitty10206•100
@Kitty10206
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

Is there a better way to do the 5 stars than adding the SVG in multiple times?

Community feedback

  • Lucas 👾•104,400
    @correlucasPosted over 2 years ago

    Hello Kitty! Congratulations for your solution!

    Good question! I was curious about how to do without writing multiple times the same code for the start and the answer I've found its that YES YOU CAN DO IT!

    The property to make this repetition is background-repeat!

    Font: https://stackoverflow.com/questions/68449988/how-can-i-repeat-svgs-without-using-pattern

    Then I find out by myself that you can do it also with an pseudo-element like after but using an start emoji to place it with content: " ⭐⭐⭐⭐⭐ " this is an idea i dont think is the best choice!

    Anyway, see if this helps you!

    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