title: spaces between cols in gridlayout
body: <p>Here's the code:</p>
  <pre><code>&lt;StackLayout class=&quot;m-t-10&quot;&gt;
      &lt;Label text=&quot;Attached media&quot; textWrap=&quot;true&quot; class=&quot;p-10 h2 title-2&quot;&gt;&lt;/Label&gt;
      &lt;GridLayout rows=&quot;*, *, *&quot; columns=&quot;*, *, *&quot;&gt;
          &lt;Image col=&quot;0&quot; row=&quot;0&quot; src=&quot;res://img1&quot; stretch=&quot;aspectFill&quot; class=&quot;task-media&quot;&gt;&lt;/Image&gt;
          &lt;Image col=&quot;1&quot; row=&quot;0&quot; src=&quot;res://img1&quot; stretch=&quot;aspectFill&quot; class=&quot;task-media&quot;&gt;&lt;/Image&gt;
          &lt;Image col=&quot;2&quot; row=&quot;0&quot; src=&quot;res://img1&quot; stretch=&quot;aspectFill&quot; class=&quot;task-media&quot;&gt;&lt;/Image&gt;
      &lt;/GridLayout&gt;
  &lt;/StackLayout&gt;
  </code></pre>
  <p>I want to add a space between the images in the <code>col</code>
  <a href="https://i.stack.imgur.com/PyQAY.jpg" rel="nofollow noreferrer">Here is a sample output with the code above</a></p>
  <p>Thanks for the answers!</p>