All solutions

I learned a lot of new knowledge from doing this project. I think there are still some error in my project. Can you help me improve it? Thank you so much !!!

I had a lot of fun doing this challenge. I think I have completed it to perfection. If you see any improvements that I can adjust for to this page. Feel free to comment. Thank you so much !!!

I want to know how to make an image overlay with CSS like in the design. Thank you very much

I don't know how to do the image overlay icon as shown in the design. Can somebody help me, it would be helpful if you provide me with the code to do it. Thank you so much !

I love doing challenges on FE Mentor because it helps me improve my FE skils. I didn't have much difficulty this time except for that I don't know how to make the background change when switching to mobile. Anyone can provide the code for that ? Thanks so much for reading this

There are 5 things I found hard when doing this challenge

1. How to set the padding for the text on the right so that it fit the design.
2. How to make the small original price number in the middle and not on the same line as the big price number
3. How to make the cart icon inline with the text
4. How to make the gap between each line in the small gray text before the prices
5. How to make the border of the right content fit with the image

Hope everyone understand, sorry because English is not my first language. Thanks for reading this, hope you can help me !!!

There are 4 things that I found hard to do:

1. Make the icon in a horizontal line with the text
2. Make the score in a vertical line
3. Make the content in the middle of the page ( This I've done but it quite hard to know where is the middle of the page )
4. Make the page change when using on mobile

I would be grateful if anyone can help me. Thank you so much

I found it difficult to make the content in the middle of the page. Are there any way to make it easier and more understandable ? Thank you so much