Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

[JCD] Social proof section using HTML & CSS

@JonathanCierp

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


Please let me know if there is something wrong or if we can do it in a better way 😀

Community feedback

P
ApplePieGiraffe 30,565

@ApplePieGiraffe

Posted

Hey, there, jonathancierp_dev! 👋

Nice to see you complete another challenge! Good work on this one! 👍 Your solution looks great and is responsive! 🙌

I only suggest adding the background images (from the original design)to your page since they currently seem to be missing. Also, if you're up for it, adding a tablet layout between the desktop and mobile layouts would be nice so that there's less empty space to the sides of the design on tablet devices. 😉

Keep coding (and happy coding, too)! 😁

1

@JonathanCierp

Posted

@ApplePieGiraffe

Forget to add the background images, they are really really light ^^'

0
Aayush Sood 1,175

@soodaayush

Posted

Your website is very good! I do suggest fixing the HTML issues.

Happy Coding!

1

@JonathanCierp

Posted

Hey, @WarBaddy

Did it right now :)

0
Web Frog 1,840

@MasterDev333

Posted

Great work @Jonathan. Your solution is spot on. Fully responsive and close to design. Also, your code is readable and clean. I like u used BEM. :) One suggestion, u used img tags 5 times to draw stars, but if you want to draw 4.5 or 4.2? I suggest you to use background-image and background-repeat properties to draw stars. And set the width of parent to show 4.5 or 4.2. Hope it helps. Happy coding~ :)

0

@JonathanCierp

Posted

@MasterDev333

Thanks :=). Nice idea to make possible semi stars! I did it and it renders well, but I think it lack of outlined star to see the max star.

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