Submitted 10 months ago

Pure HTML CSS Social proof section solution

Thomas Burette•190

@tburette

Preview site View code

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 content: url(..) ' ' url(..) ' ' url(..) ' ' url(..) ' ' url(..); ?

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

Community feedback

gfunk77•1,200
@gfunk77Posted 10 months ago
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.
0

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