title: Creating a custom grid from an array of arrays with angular and css
body: <p>I am wanting to create a grid of the following array:</p>
  
  <pre><code>[
    [ 'a', 'b', 'c' ],
    [ 'd', 'e', 'f' ],
    [ 'g', 'h', 'i' ]
  ]
  </code></pre>
  
  <p>such that I have a grid displaying them like:</p>
  
  <pre><code>| a | b | c |
  | d | e | f |
  | g | h | i |
  </code></pre>
  
  <p>But I can't seem to get things to work.</p>
  
  <p>Here is a <a href="https://stackblitz.com/edit/grid-test-new" rel="nofollow noreferrer"><strong>stackblitz</strong></a> with what I have so far</p>
  
  <p>The HTML:</p>
  
  <pre><code>&lt;div class="container"&gt;
    &lt;div class="row" *ngFor="let row of data"&gt;
      &lt;div class="item" *ngFor="let item of row"&gt;{{item}}&lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>