Coming Soon page using sass, flexbox, grid and js

Hello @tgusterson, your solution look great 👍 About the error, I see you have a wrong path in CSS file. The / at the beginning of your file path indicates it begin at the root directory. Open browser console you will see the error URL.

Here your code:

.error-icon {
  content: url("/images/icon-error.svg"); // This is our problem
  z-index: 1;
  position: absolute;
  top: 25%;
  right: 70px;
  cursor: default;
}

My recommended: url("../images/icon-error.svg")

Also, I see you use two difference img tag for the background image. If the image just for decoration purpose. You should use CSS background.

Have a glance on my code

Hopefully it useful for you.

Awesome work on this solution, it looks really good! For the background image, the fact that you're using the background property and then the background-size property below means that image isn't showing. I would recommend setting background-image and background-repeat as separate properties instead of using the background shortcut.

You could also have a wrapper element for all the content on the left half and then add the background-image to that instead of the body, which covers the whole page.

Let me know if you have any questions at all. Keep up the great work!

I love this solution!