All solutions

Hello! Thank you for checking out my submission. Please I'll appreciate your feedback on my code on how best to optimize it for more efficiency and accessibility. Thank you very much.

I'll like if you could check out my step in fitting the perfume image within the left side box (desktop version); the image was not fully covering the div it was in, i had to use the translate:scale() property to 'force' it.

Also, can you please explain how one can use paths; I was trying to link my image via css using images/image-name.jpg; but it didn't work, so I had to move the image into the css folder itself and used (image-name.jpg) and this worked.

An update made to the site after a very helpful tip was shared by @Hassia. Lesson well learnt. I hope my next challenge is even better as I adopt the tips shared.

Hello! Here's my submission for the Stat Preview Card. I'll appreciate your comments on how to improve on areas where my novice eyes are unable to see just yet. Thank you.

Phew! So, I had a little difficulty making the image size up to the div which i nested it in. Even after setting object-size: cover; there was still some allowance and the image was not curling with the border radius.

After tinkering with the code for some time, I figured to use,

overflow-x:hidden; 

Then I also applied a transform property: transform: scale(....) to make sure the image fits into the page without stretching. 

And oh here....I was eager to try out animation with keyframes, so i threw that in but used media query to ensure it only displays on wide screes, while on mobile view, it only displays the text as a footnote. 

One down, many more to go...and I'm excited already...let's see what tomorrow brings!