<!DOCTYPE html>
<title>
  CSS Gap Decorations: flex column gaps are painted with solid styling.
</title>
<link rel="help" href="https://drafts.csswg.org/css-gaps-1/">
<link rel="match" href="../agnostic/gap-decorations-001-ref.html">
<link rel="author" title="Javier Contreras" href="mailto:javiercon@microsoft.com">
<style>
  body {
    margin: 0px;
  }

  .flex-container {
    height: 110px;
    width: 110px;

    display: flex;

    column-gap: 10px;
    row-gap: 10px;

    column-rule-color: pink;
    col