Latest comments
- @gosiastP@dagimchi
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 thetransform: 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