@0xabdulkhaliq
Posted
Hello there ๐. Congratulations on successfully completing the challenge! ๐
- I have other recommendations regarding your code that I believe will be of great interest to you.
BACKGROUND iMAGE ๐ธ:
- Looks like the background image has not been properly set yet, they are misplaced due to the usage of individual
img
element. Actually there's an easy way to handle this problem with positioning the background images without usingimg
elements
- Add the following style rule to your css, and then experience the changes
body {
background: url(./images/pattern-background-desktop.svg) no-repeat, #E1E9Ff;
background-size: contain;
}
- Now you can remove these individual
img
element from thehtml
and their corresponding style rules too
<div class="Background-Img"></div>
.Background-Img {
background: url('./images/pattern-background-desktop.svg') no-repeat center/cover;
height: 600px;
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: -1;
}
- Tip, Don't forget to generate a new screenshot after editing the
css
file
.
I hope you find this helpful ๐ Above all, the solution you submitted is great !
Happy coding!
Marked as helpful