Hi there, This is really hard for me to see as I'm on mobile and it's not responsive yet. So next step is to learn media queries ☺
I would never recommend positioning things using margin and padding only. Maybe margin-left and - right auto for horizontal centering but that's all really. If you make a wrapper component be min-height 100vh, give it a little padding like 1rem, and make it a flex container (display flex, align-items center, justify-content center) your card would always stay central on the screen.
So maybe flexbox is the next thing to learn
One change I think you need in the html is to put each of those stats in one html element. It doesn't make sense having a title (heading) that just says "80K" for example.
If you had each stat in one paragraph (or list item) , you could nest spans inside that wrap around the number and the label text separately with classes on those spans to control their appearance
Ps. I'm going to do this challenge soon and will share how to do the bg images on slack then, so don't worry about that for now and keep an eye out
@DarshBhanushali
Posted
@grace-snow Thank you so much 😊. I am looking forward for your solution and definitely look into your suggestions.