Column order based on viewport size

Hi,

is it possible to change the order of columns in a row based on the screen size? I’d like to switch the order of the two cols shown below on a small screen size:

<row>
    <columns small="4" valign="bottom">
      <button class="large dark-accent expanded"
        href="#">Subscribe</button>
    </columns>

    <columns small="8">
      <h3>Lorem Ipsum Dolorem</h3>
      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi mollis nisi vitae velit interdum, non pellentesque urna iaculis. Nulla laoreet finibus lectus ut maximus. Curabitur quis risus luctus orci sollicitudin commodo. Quisque et felis rhoncus, hendrerit metus non, congue nisi.</p>
    </columns>
</row>

Is there a way to do this?

We have no such logic implemented.
You can easily do this with order (flexbox) using CSS.
Otherwise you might want to do some custom pull / push logic.