hitmorecode• 6,230
@hitmorecode
Posted
Congratulations well done, good effort. As for the background problem, here is why
/* remove center center, add min-height: 100vh. this should solve the background issue */
body {
background: url("/images/bg-desktop.svg") no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-color: var(--clr-primary-500);
min-height: 100vh;
}
Remove the body from the first media query and place it inside the second media query. In de second media query change max-width to 380px
/* remove what's commented out */
@media (max-width: 380px) {
body {
background: url("/images/bg-mobile.svg") no-repeat;
/* -webkit-background-size: cover; */
/* -moz-background-size: cover; */
/* -o-background-size: cover; */
/* background-size: cover; */
background-color: var(--clr-primary-500);
}
This should do the trick
Marked as helpful
1
Archi Halder• 90
@archihalder
Posted
@hitmorecode Thanks a lot!
0