@Hassiai
Posted
To make the background-image visible add "./" to the beginning of the url value url("./images/pattern-background-desktop.svg");
instead of url("images/pattern-background-desktop.svg");
There is no need to give the body a background-position, rather give it a background-size of contain.
To center the main on the page using grid, replace the height in the body with min-height: 100vh
.
body{
min-height: 100vh;
display: grid;
place-items: center;
}
For a responsive content, replace the width in the main with max-width and increase its value for it to be equivalent to the design. max-width: 416px which is 26rem/em
.
Hope am helpful.
Well done for completing this challenge. HAPPY CODING
Marked as helpful