Social proof section made with HTML and CSS

Community feedback

• 

  Victor Bruce•140

  @victorbrucePosted about 4 years ago

  For the scaling of the font, you could have used the clamp function to achieve that by specifying the max and min font-size. This function is new to me and I'm yet to use it. However, there is nothing wrong with setting different font-sizes at the various break-points.

  Moreover, I don't know any other way of displaying the five stars without repeating or copying and pasting the same line 5 times. This is HTML so you can't use js directly in here unless you're implementing this solution with a template engine or a library like React. A cleaner way around I think is to group all the stars into one SVG🧐.

  Lastly, I realized that the footer info showed up at the top of the cards rather than the bottom when viewing on mobile. I think you should take a look at that. Also, there was no SVG background image in your solution as well.

  But all the same I like how close your solution is to the design. Nice work done👏!

  2

  ---

  

  Alex Gaignard•10

  @XelaGPosted about 4 years ago

  Totally forgot to add the svg for the background, will add it rn. For the footer I will look at it. I'll also check out clamp for the scaling of the test. It could be really useful.

  Thanks for the feedback :)

  0

  

  Victor Bruce•140

  @victorbrucePosted about 4 years ago

  @XelaG Always welcome

  0