Thanks for checking out this front-end coding challenge.

Congratulations well done. As you can see the background is not filling the width.

main{
background-color: hsl(225, 100%, 94%);
/*     height: 100vh; */ /* you don't need this  */
background-image: url(../images/pattern-background-desktop.svg);
background-repeat: no-repeat;
align-items: center;
display: flex;
min-height: 100vh;
justify-content: center;
background-size: contain; /* add this line so that the background image fill the width */
}