title: How to change the alignment of elements from flex-box in media queries?
body: <p>I'm working on a project where I'm using bootstrap flex-box. I have attached the link to the layout that I'm using. I need to change the column on the right side to downwards when using on different devices except on pc.</p>
  
  <p><a href="https://i.stack.imgur.com/DU3La.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/DU3La.png" alt="https://i.imgur.com/c6ttqiV.png"></a></p>
  
  <p>This is <strong>what I want to get</strong> 
  <a href="https://i.imgur.com/rNKWjVp.png" rel="nofollow noreferrer"><img src="https://i.imgur.com/rNKWjVp.png" alt="RESULTANT IMAGE"></a></p>
  
  <pre><code>&lt;div class="d-flex flex-row"&gt;
      &lt;div class="flex-column"&gt;&lt;/div&gt;
      &lt;div class="flex-column"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>