Desktop solution using CSS flexbox

The background-image doesn't load because you didn't set your path right. Try this: background-image: url("../images/pattern-background-desktop.svg");

You need to escape the css-folder and dive into images, hence the 2 ..

Hey @B0R155 👋🏻

I have some suggestions on that will help you fix the accessibility issues and, perhaps, get rid of some unused pieces of code.

• In your markup <div class="card">...</div> should be <main class="card">...</main>, so this will fix the accessibility issues. Don't forget to generate a new report once you fix it.
• For the image, this is the only code you need:

.card img {
   display: block;
   width: 100%;
   margin-bottom: 10px;
}

• <h2> should be <h1> because it's the heading, and probably you forgot to include bolder font-weight, that's why this line doesn't work font-weight: 900;
• box-sizing: border-box; should be in html, so it affects the whole document, instead of adding to individual items.
• Also, I'd suggest tweaking the background-color of the button.

I hope this was helpful 👨🏻‍💻 for the very first project, you did a great job, keep practicing. Cheers 👾