Design comparison
Solution retrospective
Hello Mentors,
Thank you for taking the time to review my project. Please feel free to make any comments and suggestions. All feedback is welcome.
Cheers!
Community feedback
- @GitHub-dev12345Posted almost 3 years ago
Used this code for background image : In body tag used this CSS property: body{ background : url("./images/uesd image path") no-repeat; background position: center; background size: 100% ; ( this is your choice check the image performance, and the gave the size percentage on your choice); this code very helpful for your background image😉😎 keep it up; } this code helpful for you, plz click on the mark the helpful
0@kennbachPosted almost 3 years ago@GitHub-dev12345 Thanks for reviewing my project. I ended up doing a lot to the background image to make it respond well enough. Here is what I ended up with:
background: no-repeat; background-image: url("../images/bg-desktop.svg"); background-color: var(--color-primary); background-blend-mode: hard-light; background-size: 100%; (for mobile) background-size: cover; ( for desktop) background-position: center 0; ( for desktop)
I pushed the changes to github and refreshed the screenshot.
0
Please log in to post a comment
Log in with GitHubJoin 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