@Charlie025x
Posted
Looks great!! Only possible improvement you can make is to move your images lower.
I tried to achieve this by adding a "justify-self: flex-end" to your card-icon class, but that didn't work for some reason. However adding "margin-top: auto" to card-icon did the trick. "margin-top: auto" basically gives margin-top the biggest possible, forcing the content to the bottom of it's container. And if you give "auto" to both margin top and bottom to the same content, you end up centering that content vertically. A similar effect can be achieve with margin left and right.
Marked as helpful
@gchristofferson
Posted
Hey @Charlie025x 🙋♂️
I added margin-top: auto;
to the .card-icon
as you suggested and I think it looks much closer to the design now. Thank you for that feedback!!