Skip to content
Submitted over 1 year ago

Pure HTML CSS Social proof section solution

Thomas Burette•190
@tburette
A solution to the Social proof section challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Is there a better way to do the 5 stars than content: url(..) ' ' url(..) ' ' url(..) ' ' url(..) ' ' url(..); ?

I noticed I tend not to make the text bigger when doing the desktop layout.

Code

Please log in to post a comment

Log in

Community feedback

  • gfunk77•1,270
    @gfunk77

    Your solution is fantastic. I think the way you added the stars works really well. There are many ways to approach it. You could just add 5 <img> to the html for each star card or you could use javascript and add the html in a loop. I thought your solution was fine though. It streamlines the code and you didn't have to muck up the html or create a js file. Congratulations. I hope this helps.

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