title: div wrap for antd component
body: <p>Hi i am having some trouble with Antd Space wrapping.</p>
  <p>Sorry i'm an idiot with the css. Is there a css or style i can do to make it wrap to the next row?</p>
  <p>This is within a &lt;List.Item&gt;</p>
  <p>(Am ok to switch out the Space component to a normal div with appropriate css that can do the wrapping)</p>
  <pre><code>import { Card, Col, Row, Space } from 'antd';
  
            
  &lt;Space&gt;
                  { item.shares.reverse().map((share, i) =&gt; (
  
                     &lt;SinglePost
                       share = {share}
                       height={300}
                       width={300}
                     /&gt;
  
                   ))}
                 &lt;/Space&gt;
  
  in SinglePost.js
  
  return (
        &lt;Col span={8}&gt;
        &lt;Card style={{ width: props.width, height: props.height }}
          bordered={false}
          &gt;
        &lt;div className=&quot;approval-list-sub-box-holder-small&quot;&gt;
              &lt;Player
                playsInline
                // src={currentData.content.video}
                fluid={false}
                height=&quot;100%&quot;
                width=&quot;100%&quot;
              &gt;
         . . .
        &lt;/div&gt;
        &lt;/Card&gt;
       &lt;/Col&gt;
  )
  </code></pre>
  <p>This is the output currently but as you can see it might become too long on the width and becomes unviewable :(</p>
  <p><a href="https://i.stack.imgur.com/PZGRC.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/PZGRC.png" alt="enter image description here" /></a></p>