title: How to make the text inside my <Col> vertical align follow the size of the <img>? (AntDesign)
body: <p><a href="https://i.stack.imgur.com/f8Rf7.png" rel="nofollow noreferrer">This is what it currently looks like butI wish all the details which is title,price and quantity and be vertically align center to the image while keeping the details inside the column
  </a></p>
  
  <p>How make the height of  similar to the height of the  i put in which both is inside the  tag?</p>
  
  <p>I am using Ant Design</p>
  
  <pre><code>&lt;Row&gt;
    &lt;Col
      span={6}
      style={{
        fontWeight: 600,
        paddingLeft: 10,
        alignItems: "center",
        textAlign: "center",
        verticalAlign: "center",
        justifyContent: "center"
      }}
    &gt;
      &lt;img
        style={{ width: "100%", height: "100%" }}
        src={
          "https://www.needen.com/files/model_specifications/2015/8/31/121154/121154_big.jpg?1441032179"
        }
      /&gt;
    &lt;/Col&gt;
  
    &lt;Col
      span={6}
      style={{
        display: "flex",
        paddingLeft: 10,
        alignItems: "center",
        verticalAlign: "middle"
      }}
    &gt;
      &lt;h5 style={{ verticalAlign: "middle" }}&gt;T-Shirt 1&lt;/h5&gt;
    &lt;/Col&gt;
  
    &lt;Col
      type="flex"
      span={4}
      style={{
        minHeight: 100,
        fontWeight: 600,
        verticalAlign: "middle",
        textAlign: "center",
        alignItems: "center",
        justifyContent: "center"
      }}
    &gt;
      RM 19.90
    &lt;/Col&gt;
  
    &lt;Col
      span={4}
      style={{
        minHeight: 100,
        fontWeight: 600,
        textAlign: "center",
        alignItems: "center",
        verticalAlign: "middle"
      }}
    &gt;
      2
    &lt;/Col&gt;
  
    &lt;Col
      span={4}
      style={{
        minHeight: 100,
        fontWeight: 600,
        textAlign: "right",
        paddingRight: 10,
        alignItems: "center",
        verticalAlign: "middle"
      }}
    &gt;
      &lt;p
        style={{ height: "100%", verticalAlign: "middle", alignItems: "center" }}
      &gt;
        RM 38.90
      &lt;/p&gt;
    &lt;/Col&gt;
  &lt;/Row&gt;
  </code></pre>
  
  <p>The whole row should be same size with the image height and the words should be vertical align center...</p>