(This article was written using google translate. Sorry if the grammar is weird.)
Long time no see!
I did the 8th challenge with this project!
To be honest, it completed the project, but it was not satisfactory.
The most difficult part while working was the following.
- I wanted to space the description part of the review the same as the image.
I tried adjusting the padding and margin several times,
but it was difficult to make it exactly like the image.
If anyone knows another way, please let me know!
- In the mobile design image,
the width of the review box and the rating box are printed the same,
In my design, the width of the rating box is smaller than the width of the review box.
To somehow solve that problem, change the 'margin: 0;',
I modified it by expanding the padding value in the box,
but the width of the review area and the rating area is different depending on the web size.
How did other people solve it to get the same size?
I will take note of your comments!
Code reviews and advice are always helpful for my studies.
Afterwards, I would like to try this challenge again with reference to your comments!
Thanks for reading, see you in the next challenge!