All solutions

This is my 3rd challenge but it seems the hardest, I feel my code are not optimized enough. for e.g. it was difficult for me to align the Avatar and other text to center and I've been using a lot of margin code. Just wondering if theres a better way to center align those stuff without manually doing a margin.:) Thanks!

Had a difficulty of changing the image from mobile view to desktop view. I first tried to use srcset but can't seem to make it work so I ended up creating a div with a background image instead.

Not sure also what is the best practice to use in this kind of scenarios. any feedback would be helpful :) Thanks!

Should I be using <hr> or should I create a custom class to make the line between the footer and the body of the card?

Had a bit of struggle aligning the "clock image and 3days left" to the right of the table while making sure that the text of the clock image is centered, is there a better/simple way of doing this? :) Thanks!

a bit new in front end web development, Like to know if I'm using the @media properly to make the web page responsive for both mobile and desktop application or if there is a better alternative. Thanks!