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

@Kony1994

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

@avinno

Posted

Great job on completing this project!

I read your bio and saw you are mostly focused on JS, but if it is okay, I have a few suggestions regarding your HTML/CSS for this project:

  • I don't see a mobile version/responsive queries for resize/small devices. I challenge you to look into @media queries for screen size adjustments and to complete the mobile view of this project!
  • I would remove your box-shadow and let the content fill the page more without the background patterns being restricted for a more natural flow. Let the page be your box-shadow contained area if you get what I mean.
  • The background image(s) are overlapping and sitting a little too close together. I would try setting them to the left and top and the other right bottom. Use background-position CSS property to situate the background images further if you would like!

These are just my opinions of course! Again, great job and keep it up! Let me know if I can be of further help should you feel you need it!

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