social-proof-section-master

Community feedback

• 

  Sarvotham Gowda•210

  @sarvothamgowda

  Posted over 2 years ago

  Hey, good job!

  Especially on aligning the testimonial cards as per the design. The only thing where you can work on is the background image position. Here is my solution.

  1. mobile version:

  body { background: url(./images/bg-pattern-bottom-mobile.svg) no-repeat fixed bottom right, url(./images/bg-pattern-top-mobile.svg) fixed no-repeat top left; }

  2. desktop version:

  body { background: url(./images/bg-pattern-bottom-desktop.svg) no-repeat fixed bottom right, url(./images/bg-pattern-top-desktop.svg) no-repeat fixed top left; }

  01

  Marked as helpful
• 

  Lucas 👾•104,200

  @correlucas

  Posted over 2 years ago

  👾Hello ABDELRAHMAN KHALED, congratulations for your new solution!

  Your solution is just amazing, the only thing you need to fix is the top and bottom background positions. You can give the background a better position to the body with these properties:

  body {
      display: flex;
      background-color: var(--bg);
      background-image: url(images/bg-pattern-top-desktop.svg), url(images/bg-pattern-bottom-desktop.svg);
      background-position: left -185px top -236px, right 10px bottom -300px;
      background-repeat: no-repeat, no-repeat;
      background-attachment: fixed, fixed;
      background-size: contain, contain;
      justify-content: center;
  }
  

  👋 I hope this helps you and happy coding!

  11