I have a lot of "repeating div with display:block" that I want to be able to have 2 columns. Is there some way such that even though I am looping through items (could number anywhere between 10 - 100 to create these divs, that there is some css I could assign such that it will automatically wrap all the items in a two column layout where there is an equal distribution of "items" in each? 

```
<div class="col-xs-12">
   <div *ngFor="let item of items" style="display:block;">
      <div> 
         <div class="chip blue darken-3">                        
            Item 1
         </div>
            Item 1 Value
      </div>
   </div>   
   <div style="display:block;">
      <div> 
         <div class="chip blue darken-3">                        
            Item 1
         </div>
            Item 1 Value
      </div>
   </div>   
   <div style="display:block;">
      <div> 
        <div class="chip blue darken-3">                        
           Item 1
        </div>
           Item 1 Value
      </div>
   </div>   
      ...

</div>

```