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

Node / Gulp 4 SASS, PostCSS, Autoprefixer / Bootstrap 4 / BrowserSync

dan-o 10

@dpress13

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


This is my first successful dev practice project after teaching myself to code off and on since this past March :) Would love feedback on overall project in addition to responsive functionality between mobile and desktop. Also, any tips for Gulp 4 JS with regard to BrowserSync and the plugins in my gulpfile.js would be awesome. Appreciate any feedback in advance!

Community feedback

Web Frog 1,840

@MasterDev333

Posted

Great work! Your solution is really crisp. One suggestion for rating stars. I saw that many challengers used 5 img tags for rating stars. But what if you want to draw 4.5 or 4.2? In this case, you may use background-image and background-repeat property to draw stars. And then set parent div width to show 4.5 or 4.2. Hope it helps. Happy coding~ :)

1

@axevldk

Posted

Hi, @dpress13 ! I have studied your work, and it looks really great. Especially I like the way star review sections move. Other guys used to make it full width on smaller resolution, but you did it in other way. And it looks awesome.

I am really surprised that this is your first one after teaching yourself. 👍

Happy coding ~ ✨

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