title: how to override "class=row" value using @media query
body: <p><em>
  
  div A
  
  
  div B
  
  </em></p>
  <p>@media (max-width: 1340px) {</p>
  <p>// i want to change the div B appearance independently. i don't want it to follow the row order at all when the width is 1330px or lower. instead, i would like, the divB to appear below div one not on the same row when the 1340px width is reached. //</p>
  <p>before :          div A | div B.               [displaying side by side]</p>
  <p>at width 1340px or lower  :</p>
  <pre><code>                     div A
  
                       -----        [displaying B below A]
                            
                       div B
  </code></pre>
  <p>is there any way to  achieve that ?</p>