Background-image does not display

Background-image does not display


I’m restart my portfolio page from scratch again, and I recently struggle with background-image. I don’t understand why the background does not show no matter what in any browsers on my computer, while it does show when I do preview in atom. I’m confused since I had the same code for tribute project, which works fine.
Screenshot on my computer:

Here is my codepen for this particular issue.
Please help.



if you inspect your element .bg using dev tools, you’d notice that it has zero height


Thanks for your reply. It shows now :slight_smile: Yay~