title: Setting column spacing in Minima CSS framework
body: <p>I have Jekyll-based blog hosted on a GitHub page. The blog uses a local copy (hence editable) of the standard Minima theme.</p>
  <p>The goal is have a front page layout similar (but not identical to) Google Keep's theme. I'm using a div with &quot;columns: n;&quot; styling to line up the content. The page uses Minima's &quot;default.html&quot; layout file.</p>
  <p><a href="https://i.stack.imgur.com/qjb1b.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/qjb1b.png" alt="front page layout" /></a></p>
  <p>I want to reduce the inter-column gaps to some minimum value. Thus far I have tried styling the div with various &quot;column-gap: n&quot; values. No luck.</p>
  <p>I'm guessing that Minima's out-of-the-box CSS has an overriding factor, and reviewed the &quot;page-content&quot; and &quot;wrapper&quot; specs, but have not found a way to reduce the column-gap any further than shown.</p>
  <p>Suggestions?</p>