title: Having trouble with grid formating
body: <p>I'm trying to create an inline grid. I was able to set up the grid columns and such with no issue, but the divs that are supposed to assign each div to a certain area aren't. Most likely a problem with nesting, but not sure where. Also, please note that this is technically inside another grid but the problem persists even outside of the other grid.</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>    .galleryGrid {
        display: grid;
        height: 900px;
        margin: auto auto;
        padding-top: 150px;
        grid-template-columns: 150px 150px 150px;
        grid-template-rows: 150px 150px 150px 150px 150px 150px;
        grid-row: 3 / span 1;
        grid-column: 1 / span 1;
        grid-column-gap: 25px;
        grid-row-gap: 25px;
        text-align: center;
      }
  
      (hashtag)black {
        height: 150px;
        width: 150px;
      }
  
      .alexRowOne .alexColumnOne {
        grid-column: 1 / span 1;
        grid-row: 1 / span 1;
      }
  
      .alexRowOne .alexColumnTwo {
        grid-column: 2 / span 1;
        grid-row: 1 / span 1;
      }
  
      .alexRowOne .alexColumnThree {
        grid-column: 3 / span 1;
        grid-row: 1 / span 1;
      }
  
      .alexRowTwo .alexColumnOne {
        grid-column: 1 / span 1;
        grid-row: 2 / span 1;
      }
  
      .alexRowTwo .alexColumnTwo {
        grid-column: 2 / span 1;
        grid-row: 2 / span 1;
      }
  
      .alexRowTwo .alexColumnThree {
        grid-column: 3 / span 1;
        grid-row: 2 / span 1;
      }
  
      .alexRowThree.alexColumnOne {
        grid-column: 1 / span 1;
        grid-row: 3 / span 1;
      }
  
      .alexRowThree .alexColumnTwo {
        grid-column: 2 / span 1;
        grid-row: 3 / span 1;
      }
  
      .alexRowThree .alexColumnThree {
        grid-column: 3 / span 1;
        grid-row: 3 / span 1;
      }
  
      .alexRowFour .alexColumnOne {
        grid-column: 1 / span 1;
        grid-row: 4 / span 1;
      }
  
      .alexRowFour .alexColumnTwo {
        grid-column: 2 / span 1;
        grid-row: 4 / span 1;
      }
  
      .alexRowFour .alexColumnThree {
        grid-column: 3 / span 1;
        grid-row: 4 / span 1;
      }
  
      .alexRowFive .alexColumnOne {
        grid-column: 1 / span 1;
        grid-row: 5 / span 1;
      }
  
      .alexRowFive .alexColumnTwo {
        grid-column: 2 / span 1;
        grid-row: 5 / span 1;
      }
      
      .alexRowFive .alexColumnThree {
        grid-column: 3 / span 1;
        grid-row: 5 / span 1;
      }
  
      .alexRowSix .alexColumnOne {
        grid-column: 1 / span 1;
        grid-row: 6 / span 1;
      }
  
      .alexRowSix .alexColumnTwo {
        grid-column: 2 / span 1;
        grid-row: 6 / span 1;
      }
  
      .alexRowSix .alexColumnThree {
        grid-column: 3 / span 1;
        grid-row: 6 / span 1;
      }
  
      .alexRowOne {
        grid-row: 1 / span 1;
      }
  
      .alexRowTwo {
        grid-row: 2 / span 1;
      }
  
      .alexRowThree {
        grid-row: 3 / span 1;
      }
  
      .alexRowFour {
        grid-row: 4 / span 1;
      }
  
      .alexRowFive {
        grid-row: 5 / span 1;
      }
  
      .alexRowSix {
        grid-row: 6 / span 1;
      }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="galleryGrid"&gt;
   &lt;div class="alexRowOne"&gt;
    &lt;div class="alexColumnOne"&gt;
     &lt;img src="http://www.solidbackgrounds.com/images/2560x1440/2560x1440-black-solid-color-background.jpg" id="black" height="150px" width="150px"&gt;
    &lt;/div&gt;
    &lt;div class="alexColumnTwo"&gt;
     &lt;img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOEAAADhCAMAAAAJbSJIAAAAA1BMVEX///+nxBvIAAAASElEQVR4nO3BgQAAAADDoPlTX+AIVQEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADwDcaiAAFXD1ujAAAAAElFTkSuQmCC" width="150px"&gt;
    &lt;/div&gt;
    &lt;div class="alexColumnThree"&gt;
     &lt;img src="http://www.solidbackgrounds.com/images/2560x1440/2560x1440-black-solid-color-background.jpg" id="black" height="150px" width="150px"&gt;
    &lt;/div&gt;
   &lt;/div&gt;
   &lt;div class="alexRowTwo"&gt;
    &lt;div class="alexColumnOne"&gt;
     &lt;img src="http://www.solidbackgrounds.com/images/2560x1440/2560x1440-black-solid-color-background.jpg" id="black" height="150px" width="150px"&gt;
    &lt;/div&gt;
    &lt;div class="alexColumnTwo"&gt;
     &lt;img src="http://www.solidbackgrounds.com/images/2560x1440/2560x1440-black-solid-color-background.jpg" id="black" height="150px" width="150px"&gt;
    &lt;/div&gt;
    &lt;div class="alexColumnThree"&gt;
     &lt;img src="http://www.solidbackgrounds.com/images/2560x1440/2560x1440-black-solid-color-background.jpg" id="black" height="150px" width="150px"&gt;
    &lt;/div&gt;
   &lt;/div&gt;
   &lt;div class="alexRowThree"&gt;
    &lt;div class="alexColumnOne"&gt;
     &lt;img src="http://www.solidbackgrounds.com/images/2560x1440/2560x1440-black-solid-color-background.jpg" id="black" height="150px" width="150px"&gt;
    &lt;/div&gt;
    &lt;div class="alexColumnTwo"&gt;
     &lt;img src="http://www.solidbackgrounds.com/images/2560x1440/2560x1440-black-    solid-color-background.jpg" id="black" height="150px" width="150px"&gt;
    &lt;/div&gt;
    &lt;div class="alexColumnThree"&gt;
     &lt;img src="http://www.solidbackgrounds.com/images/2560x1440/2560x1440-black-solid-color-background.jpg" id="black" height="150px" width="150px"&gt;
    &lt;/div&gt;
   &lt;/div&gt;
   &lt;div class="alexRowFour"&gt;
    &lt;div class="alexColumnOne"&gt;
     &lt;img src="http://www.solidbackgrounds.com/images/2560x1440/2560x1440-black-solid-color-background.jpg" id="black" height="150px" width="150px"&gt;
    &lt;/div&gt;
    &lt;div class="alexColumnTwo"&gt;
     &lt;img src="http://www.solidbackgrounds.com/images/2560x1440/2560x1440-black-solid-color-background.jpg" id="black" height="150px" width="150px"&gt;
    &lt;/div&gt;
    &lt;div class="alexColumnThree"&gt;
     &lt;img src="http://www.solidbackgrounds.com/images/2560x1440/2560x1440-black-solid-color-background.jpg" id="black" height="150px" width="150px"&gt;
    &lt;/div&gt;
   &lt;/div&gt;
   &lt;div class="alexRowFive"&gt;
    &lt;div class="alexColumnOne"&gt;
     &lt;img src="http://www.solidbackgrounds.com/images/2560x1440/2560x1440-black-solid-color-background.jpg" id="black" height="150px" width="150px"&gt;
    &lt;/div&gt;
    &lt;div class="alexColumnTwo"&gt;
     &lt;img src="http://www.solidbackgrounds.com/images/2560x1440/2560x1440-black-solid-color-background.jpg" id="black" height="150px" width="150px"&gt;
    &lt;/div&gt;
    &lt;div class="alexColumnThree"&gt;
     &lt;img src="http://www.solidbackgrounds.com/images/2560x1440/2560x1440-black-solid-color-background.jpg" id="black" height="150px" width="150px"&gt;
    &lt;/div&gt;
   &lt;/div&gt;
   &lt;div class="alexRowSix"&gt;
    &lt;div class="alexColumnOne"&gt;
     &lt;img src="http://www.solidbackgrounds.com/images/2560x1440/2560x1440-black-solid-color-background.jpg" id="black" height="150px" width="150px"&gt;
    &lt;/div&gt;
    &lt;div class="alexColumnTwo"&gt;
     &lt;img src="http://www.solidbackgrounds.com/images/2560x1440/2560x1440-black-solid-color-background.jpg" id="black" height="150px" width="150px"&gt;
    &lt;/div&gt;
    &lt;div class="alexColumnThree"&gt;
    &lt;/div&gt;
   &lt;/div&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>