All solutions

Hi Guys,

this is my fifth project. Well, it's so confusing tbh, and here's my result. I use 'grid' here, to divide the image and the text, I don't know if that is the right choice. I have an issue here, the discount price won't be centered when I use vertical-align: middle, any adv? TIA

Hi guys, This the fourth challenge I made. Getting more and more excited, tho' mine is not perfect. Have to learn and learn again.

Hi guys, this is my 3rd challenge. I'm getting really excited and curious about the other challenge, but I need to really understand each step.

This one is pretty simple, yet I'm still struggling. Any feedback is really appreciated, pals. TIA. HAPPY CODING! 😊

Hi guys,

This is my second attempt.

I'm messing up with the code to make it more similar, but I am perplexed about these things:

1. The first section: the title "10,000 ....". How to make it more identical to the example? as I added the <br/> to make it the same. I make a grid between the "10,000" title and star review by 50% and 50%.

2. The card deck. There're two issues here: a. How to add the space between the card? Mine is larger than the example, I tried to add the margin, but it doesn't work. b. When it comes to mobile view, the space between the cards gets larger. Guess it's the same with above T_T. Help me....

So, any advice or suggestions would be appreciated. TIA 😊😊😊

hi everyone, this is the first solution I made. I'm still struggling with margin, position, and other CSS properties. I don't know if I made it correctly, but I will continue learning. Any feedback would be appreciated. tia