title: How to use antd divider to separate two sides of the screen in a react component?
body: <p>I am using antd and would like the vertical divider to split the two sides of my screen. The two sides are in fact separated by different <code>Col</code> components. They currently look something like this:</p>
  <pre><code> class Example extends React.Component {
     render () {
       return (
        &lt;Row&gt;
          &lt;Col span={11}&gt;
            CONTENT ONE SIDE
          &lt;/Col&gt;
          &lt;Col span={2}&gt;
            &lt;Divider type='vertical'/&gt;
          &lt;/Col&gt;
          &lt;Col span={11}&gt;
            CONTENT OTHER SIDE
          &lt;/Col&gt;
        &lt;/Row&gt;
       )
     }
   }
  </code></pre>
  <p>The issue here is that the Divider is barely appearing. I would like it to go all the way down where the content ends. Instead, it is just a tiny little line.</p>
  <p>This is a screenshot of what it currently looks like:</p>
  <p><a href="https://i.stack.imgur.com/FpJeR.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/FpJeR.png" alt="enter image description here" /></a></p>
  <p>You can barely see the divider in the middle.</p>
  <p>How can I make the vertical divider be as long as the content?</p>
  <p>Thanks!</p>