title: Ionic two images side by side full
body: <p>I put two <code>images</code> side by side on one page under the <code>header</code> as <code>col-50</code>. The issue is I want both images the full <code>50%</code> width without any padding around any edges. I can't seem to figure it out with <code>CSS</code></p>
  
  <pre><code>  &lt;div class="col col-50 row-no-padding"&gt;
      &lt;img src="img/facebook.jpg" style="width:100%; display: inline-block"&gt;
      &lt;/div&gt;
  
      &lt;div class="col col-50 row-no-padding"&gt;
       &lt;img src="img/twitter.jpg" style="width:100%; display: inline-block"&gt;
       &lt;/div&gt;
  </code></pre>
  
  <p>The above worked in my browser (ionic serve) but did not work on my device.</p>