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 - Flex and Grid

Hari Ram 370

@hariramjp777

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


This is my solution for Social-Proof-Section.

Any feedback would be greatly appreciated.

Community feedback

Anna Leigh 5,135

@brasspetals

Posted

Hi, Hari! This looks great and responds very nicely. Well done! 🙌

I just wanted to share with you a simpler way to position the background images. Instead of using ::after and ::before, you can set multiple background images right in the body like this:

background-image: url("./images/bg-pattern-top-desktop.svg"), 
url("./images/bg-pattern-bottom-desktop.svg");
background-position: left top, right bottom;
background-repeat: no-repeat, no-repeat;

Hope this helps and saves you some extra lines of code in the future!

1

Hari Ram 370

@hariramjp777

Posted

Thank you @brasspetals. It'll help me a lot. ::thumbsup::

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