title: Flex space-between: ghost space
body: <p>I have a strange issue with flexbox and chrome since today, this code was working last friday.</p>
  
  <p>I have a "ghost space" (looks like a margin) under my link. And always when I check it in Chrome Dev Tools, their computed margins and paddings are always zeroed (as expected). (<a href="https://imgur.com/tQkO6Yl" rel="nofollow noreferrer">http://imgur.com/tQkO6Yl</a>)</p>
  
  <p>Here is a codepen : <a href="http://codepen.io/AlexandreJolly/pen/ygqREb" rel="nofollow noreferrer">http://codepen.io/AlexandreJolly/pen/ygqREb</a></p>
  
  <p>Haml:</p>
  
  <pre><code>.card
      .card-top
          %h3 Test
          %p Lorem
      .card-bottom
          %a{:href =&gt; "#"} Link
  </code></pre>
  
  <p>Sass:</p>
  
  <pre><code>.card
      background: white
      width: 100%
      height: auto
      min-height: 192px
      display: flex
      flex-direction: column
      justify-content: space-between
  
  .card-top
      background-color: green
  
  .card-bottom
      background-color: red
  </code></pre>
  
  <p>I've tested this code in Firefox Dev Edition, Vivaldi and Firefox and it seems working. It doesn't work in Chrome and Opera.</p>
  
  <p>I think it an issue with a Chrome/webkit update this weekend or am I missing something?</p>