Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Social Proof Section

@merhanmostafa47

Desktop design screenshot for the Social proof section coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

@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

0

@merhanmostafa47

Posted

@mariam-iq Thank you, I really appreciate your comment.

0

@mariam-iq

Posted

@merhanmostafa47 you are welcome merhan

0

Please log in to post a comment

Log in with GitHub
Discord logo

Join 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