@correlucas
Posted
πΎ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
@adil-khursheed
Posted
@correlucas Hello Lucas, Thank You for your help. I have made the necessary changes in my code according to your guidance.