Hello. I just completed this challenge. To change the width you can just add padding-right & left to your list element with a class of .stars-review
. To make it cascade I used the transform: translateX(value);
property on the the second and third review with stars row.
You can do the same for your verified buyer boxes but use transform: translateY(value);
instead because you'll want to cascade in the Y-axis direction.
https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function/translate
Here's my repo if you want to take a look:
https://github.com/dagimchi/Social-proof-section
Great job on completing it though, this one took some time for me.
Marked as helpful
@gosiast
Posted
@dagimchi thank you so much! It worked :)