@mariam-iq
Posted
Hi merhan, how are you doing?
I see your code its really good but there is a little advice to make it better
-first: when you use @media Rule to make your website responsive u do not need to repeat it every line , I think it better to write all media in one in the last of css file like this
''' @media (max-width:992px) {
main .container .content .rate .box {
width: 100%;
margin: 20px auto;
flex-direction: column;
text-align: center;
}
.main .container .content .rate .box:nth-child(2),
.main .container .content .rate .box:nth-child(3) {
margin-left: 0;
}
.main .container .content .rate .box .stars {
margin-right: 0;
margin-bottom: 10px;
}
ect... } '''
-second: your stars in the second box have not a good shape, you can solve the problem by change the width of box.
I hope my feedback will be helpful. You can mark it as useful
Good luck on coding
Marked as helpful
@merhanmostafa47
Posted
@mariam-iq Thank you, I really appreciate your comment.
@mariam-iq
Posted
@merhanmostafa47 you are welcome merhan