Responsive design with SCSS

👾Hello Zein, congratulations for your new solution!

Nice work here brother, I've a suggestion for you about the background-size. Here;s my tips:

You need to add this two properties to make your background display fullscreen height: 100vh; / background-size: contain;. See the code fixes below:

body {
    height: 100vh;
    background-color: hsl(257deg, 40%, 49%);
    background-image: url(../images/bg-desktop.svg);
    background-repeat: no-repeat;
    background-size: auto;
    font-family: "Open Sans", sans-serif;
    background-size: contain;
}

👋 I hope this helps you and happy coding!