@ApplePieGiraffe
Posted
Hi, Thabiso! 👋
Good job on this challenge! 👏 Your solution looks good and so does your markup! 👍
Adding/positioning the background images in this challenge can be tricky! A good way to add them is by using CSS background images. You can play around with using viewport units and/or percentages in the background-position
property to position the shapes so that they don't move around so much as the screen resizes (as I tried to do in my solution which you can check out if you'd like any ideas 😆).
If you'd to learn more about CSS background images and how you can use them, check out this article from MDN to help you get started. 😉
And one thing I'd like to suggest is using the ul
and li
tags for the list of stats in the bottom of the card to make your HTML a little more semantic.
Hope you find these tips helpful. 😊
Keep coding (and happy coding, too)! 😁
Marked as helpful
@SefalaThabiso
Posted
@ApplePieGiraffe Thank you this was very useful :)
And i didn't know we are allowed to add animations to the solution, your solution looks amazing
I will make sure to look at the article