title: How can i display my images in grid ionic
body: <p>i want to be able to show my images in grid form, two pics per row, but its not working, here is my code</p>
  <p>The image.page.html</p>
  <pre><code>&lt;div id=&quot;gridview&quot;&gt;     
      &lt;div *ngFor=&quot;let video of myData.video&quot; class=&quot;image&quot;&gt;              
          &lt;img (click)=&quot;service.VideoModal(video.vid_path)&quot; [src]=&quot;service.ApiURL+video.thumbs_path&quot;&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  <p>The image.page.scss</p>
  <pre><code>#gridview {
      text-align:center; 
  }
  div.image {
      margin: 10px;
      display: inline-block;
  } 
  div.image img {
      width: 100%;
      height: auto;
      border: 1px solid #ccc;
  }
  div.image img:hover {
      box-shadow: 0 5px 5px 0 rgba(0,0,0,0.32), 0 0 0 0px rgba(0,0,0,0.16);
  }
  </code></pre>
  <p>it just displays all the pictures in the center one image per row, how can i make it to display 2 images per row</p>