I am working on a responsive site in which the mobile/tablet view differs from the desktop view in the way it re-orders the DIVs.

Is there a way to write maintainable CSS that let's you re-organize the order of how HTML DIVs appear?

For example, the code below controls the order of how DIVs would appear on a desktop device:

```
<div class="container">
    <div class="row1">
        <div class="col1A">Sample content</div>
        <div class="col2A">Sample content</div>
        <div class="col3A">Sample content</div>
    </div>
    <div class="row2">
        <div class="col1B">Sample content</div>
        <div class="col2B">Sample content</div>
        <div class="col3B">Sample content</div>
    </div>
</div>

```

However, for mobile/tablet view, I want to display the DIVs in different order using CSS, like the example below:

Show row2, col2B   

Then row1, col1A   

Then row1, col3A   

Then row2, col1B

Is this possible using CSS ?