title: Vuetify grid - reverse order of columns on screen-size break
body: <p>I have a row of 2 columns that I want to display in their current order. However, when the screen sized is reduced I want to change the order of the columns so column two becomes the first column.</p>
  <pre class="lang-html prettyprint-override"><code>&lt;v-row&gt;
      &lt;v-col cols='12' sm='12' md='12' lg='6'&gt;Description&lt;/v-col&gt;
      &lt;v-col cols='12' sm='12' md='12' lg='6'&gt;&lt;v-img :src=&quot;...&quot;/&gt;&lt;/v-col&gt;
  &lt;/v-row&gt;
  </code></pre>
  <p>When viewed on a smaller screen or the browser is scaled down, the columns will stack and I want the second column to move to the top.</p>
  <pre><code>Full Width
  ______________________
  |          |         |
  |   Col1   |   Col2  |
  |__________|_________|
  
  Screen Break
  ____________
  |          | 
  |   Col2   | 
  |__________|
  |          | 
  |   Col1   | 
  |__________|
  </code></pre>
  <p>Currently col1 is on top.</p>