Social Proof Section, Made with HTML, CSS, SASS

Community feedback

• 

  Stefan•180

  @st3wnPosted about 3 years ago

  Hey, here some things.

  -use line-height -put the stars + the "Rated 5 stars..." in one div and use display flex with a flex-direction: row; -do not use font-weight: bold; everywhere -set a width to the title to get as closest as possible to the frontendmentor design You can watch my version of it if you need help. :)

  But pretty good, how long did you need for it?

  Marked as helpful

  0

  ---

  

  Parham•200

  @frontendparhamPosted about 3 years ago

  @st3wn Hi Stefan, Thanks for your comment.

  • First, I made some changes, please check the screenshot again.
  • For the stars section, I used flex-direction: row; but I changed it to flex-direction: column for a certain width too make it look better. And I made it better with display: table, if you see it right now.
  • The design seemed to use bold weights in some places, so I did the same.
  • I worked as much as I had free time in one day, I don't know exactly how long it took :)
  • Finally, thanks for your tips, I will definitely check your project as well.

  0