Design comparison
Community feedback
- @mariam-iqPosted over 2 years ago
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 helpful0@merhanmostafa47Posted over 2 years ago@mariam-iq Thank you, I really appreciate your comment.
0
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord