Social proof section Using HTML and CSS

Community feedback

• 

  Lucas 👾•104,340

  @correlucasPosted over 2 years ago

  👾Hello Adil Khursheed, congratulations for your new solution!

  To have more control over the background images, instead of using img use it on the body with background-image. See the changes I did to your code here:

  body {
      width: 100vw;
      height: 100vh;
      position: relative;
      padding: 4.5rem 8rem;
      background-image: url(../bg-pattern-top-desktop.svg), url(../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;
  }
  

  👨‍💻 Here's my solution for this challenge if you wants to see how I build it: https://www.frontendmentor.io/solutions/social-proof-section-pure-css-grid-custom-hover-states-KwSrl-Rjws

  👋 I hope this helps you and happy coding!

  Marked as helpful

  0

  ---

  

  Adil Khursheed•460

  @adil-khursheedPosted over 2 years ago

  @correlucas Hello Lucas, Thank You for your help. I have made the necessary changes in my code according to your guidance.

  0