title: I am using FLEX property in my code but it is not working for ios 7/8 devices. How to make it work for ios7/8?
body: <p>I am using FLEX in my code but the output is not as expected for ios 7/8 devices.</p>
  
  <pre><code>&lt;div className="modal-row"&gt;
      &lt;div className="col1"&gt;
          &lt;span&gt;{dict.YourServiceNumber}&lt;/span&gt;
      &lt;/div&gt;
      &lt;div className="col2"&gt;
          &lt;span&gt;{this.props.mobileNumber}&lt;/span&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>MyCssFile.css:</strong></p>
  
  <pre><code>.modal-row {
      display: flex;
  }
  
  .col1 {
      flex: 50%;
      text-align: left;
  }
  
  .col2 {
      flex: 50%;
      font-weight: bold;
      padding-left: 0px;
      text-align: right;
  }
  </code></pre>
  
  <p>It is working fine for ios versions above 9 and desktop browsers.
  Please help me to make the code work for IOS 7/8 devices.</p>