Skip to content
Submitted over 3 years ago

BRACKETS used flex for bottom boxes

jnf03•90
@jnf03
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

How do I make the background pattern like the in the original design photo and is there anything I can fix or change to make my design better?

Community feedback

  • Faris P•2,810
    @FarisPalayiPosted over 3 years ago

    Hey, site is looking good 👌

    I haven't done this challenge myself, so I don't know if you get a svg image of that background pattern, if you get one, then you can set it as a background-image and position it as you want, using the background-position and background-size css properties.

    • My one suggestion is, instead of using 5 images for 5 stars, you can set it as a background-image and control it using the background-repeat property. Here's the MDN doc of background-repeat property, It has an example which includes creating stars like these, so, if you can, take a look at it. And have fun coding✨
    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