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

Responsive Social Proof section using css

Junaid 50

@junaid0770

Desktop design screenshot for the Social proof section coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Hi,

This is Junaid. I have completed the Social Proof section challenge. It is a responsive web page created using html and css. I would love to get a feed back on my work and suggestions for improvements are most welcomed.

Thank you:)

Community feedback

Haziq 320

@zyq-m

Posted

Hi Junaid.

Congrats for completing this challenge. I notice that a few mistake in your code.

  • body does not need color
  • set body 's height eg: body { height: 100vh; }
  • center the main by doing this simple line of code body { display: grid; place-items: center; height: 100vh; }
  • background image should not be in main instead it should be in the body
  • you should set the max-width of main so that your content does not stretch after 1440px view

For better understanding you can refer to my code. I've done this challenge.

Happy coding!!

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