Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Request failed with status code 502
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Pure HTML CSS Social proof section solution

@tburette

Desktop design screenshot for the Social proof section coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

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

P
gfunk77 1,200

@gfunk77

Posted

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

Log in with GitHub
Discord logo

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