title: CSS Grid does not display
body: <p>Starting to practice CSS grid for the 1st time but it does not display at all in Chrome. 
  When I launch the .html, only the margins are displayed but every other element are displayed as a block like : </p>
  
  <p>panenka</p>
  
  <p>accueil</p>
  
  <p>maillots</p>
  
  <p>survêtements</p>
  
  <p>coques</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>img img
  
  .logo {
      grid-area: logo
    }
    
    .nav {
      grid-area: nav
    }
    
    .little {
      grid-area: little
    }
    
    .container {
      margin: 40px;
      display: grid;
      grid-gap: 10px;
      grid-template-columns: repeat(6, 1fr);
      grid-auto-rows: auto;
      grid-template-areas: 
      "logo . . . . ."
      "nav nav . . . little";
    }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
  &lt;head&gt;
      &lt;meta charset="UTF-8"&gt;
      &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
      &lt;meta http-equiv="X-UA-Compatible" content="ie=edge"&gt;
      &lt;title&gt;Document&lt;/title&gt;
      &lt;link rel="stylesheet" href="edit3.css"&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;body class="container"&gt;
          &lt;header&gt; 
              &lt;div class="logo"&gt;
                  &lt;h1&gt; Panenka &lt;/h1&gt;
              &lt;/div&gt;
              &lt;nav class="nav"&gt;
                  &lt;h3&gt; Accueil &lt;/h3&gt;
                  &lt;h3&gt; Maillots &lt;/h3&gt;
                  &lt;h3&gt; Survêtements &lt;/h3&gt;
                  &lt;h3&gt; Coques &lt;/h3&gt;
              &lt;/nav&gt;
          
              &lt;div class="little"&gt;
                  &lt;img src= "" alt = "rechercher"&gt;
                  &lt;img src ="" alt = "panier"&gt;
              &lt;/div&gt;
          &lt;/header&gt;
  &lt;/body&gt;
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>If you have idea to help me out, would be nice ! Thanks you )</p>