title: How do I add an image to a list in Pug
body: <p>Can't find an answer to this anywhere. I have a simple list in pug, and I thought I was supposed to use the syntax I have below. The image placeholder shows up and the styling (size) in the rendered website, but there is a 404 on the image in my Visual Studio console. I thought the image needed to be in the same folder as the <code>index.pug</code> file, which it is. Any ideas why it won't show up?</p>
  
  <pre><code>extends layout
  
  block content
    doctype html
    html(lang="en")
      head
        meta(charset='utf-8')
        meta(name='viewport' content='width=device-width, initial-scale=1')
      section
        nav
          ul
            li.title Study Bot
            li.robot 
              img(src='robot-face.jpg' alt='Robot face' width='130px')
        article
      footer
        iframe#encyclopedia-window(src='https://en.wikipedia.org/wiki/')
  </code></pre>