/social-proof-section-master

Community feedback

• 

  Lucas 👾•104,400

  @correlucasPosted about 2 years ago

  👾Hello Amaar, congratulations for your new solution!

  You did a good work building this solution, lets fix the issue with the background and the container, heres my tips:

  You need to fix the container size to have the cards with the proper size, the container size is max-width: 1110px and the cards are max-width: 340px

  To fix the background with a proper scaling is better you add it the body with the properties background-image and background-position this way this gets under all elements and is better to control the responsiveness:

  body {
      background-color: hsl(185deg, 75%, 39%);
      background-image: url(./images/bg-pattern-top.svg), url(./images/bg-pattern-bottom.svg);
      background-repeat: no-repeat, no-repeat;
      background-position: top -500px left -400px, bottom -700px right -250px;
  }
  

  👋 I hope this helps you and happy coding!

  Marked as helpful

  0