title: Why am I getting JSX element must have parent element?
body: <p>Ok, I checked to see if everything is wrapped in my code about 100 times and I cannot find out why that error is showing up. </p>
  
  <p>Here is my code:</p>
  
  <pre><code>render() {
      return (
        &lt;div className="card"&gt;
            {Jobs.map((item) =&gt; (
          &lt;div className="card-image"&gt;&lt;/div&gt;
          &lt;div className="card-text"&gt;
            &lt;span className="date"&gt;{item.date}&lt;/span&gt;
            &lt;h2&gt;{item.Job}&lt;/h2&gt;
            &lt;ul&gt;
              &lt;li&gt;{item.description}&lt;/li&gt;
            &lt;/ul&gt;
          &lt;/div&gt;
            ))
    }
          &lt;/div&gt;
      )
  
          }
      }
  </code></pre>