All solutions

is there any way my code would've been better?

I botched the responsiveness on smaller screens, it honestly looks like a mess. Responsiveness is something I really struggle with. Please is there a way I could have done it better? Thanks for your responses

I could not place the background images right and also couldn't reduce the size of my horizontal line, how could I have approached both to do better? any feedback will be wholly appreciated thanks

I am having some trouble with the positioning of the main box in smaller screens, it doesn't show everything until I have to put a drastic position using position:relative; but using that makes me have too much space on the top and too little space on the bottom. Any help will be well appreciated, thanks

This is my first responsive design, and as you can see I am totally struggling with it haha any suggestions will be welcome, thank you

If you look closely, the background of the image is slightly peeking out in all the top, left and right sides of the image, any advice as to how I can get rid of this? Any responses will be greatly appreciated

I struggled a-lot trying to align the price and time below the explainer also had a-lot of struggle trying to create the overlay effect on the image when active, I am sure I didn't take care of it in the most effective way. So any advice will be well received. Thank you all

I tried making the site responsive but it was not working I am well aware that I most likely made lots of mistakes in the code so I will be glad if any of them will be pointed out with ways to make it better. Thank you!