Re: Need A Float Expert, Please

[Kitty Giraudel]

When you want a single column layout instead of a multiple columns layout under a given screen width, you’d go with:

.mainarticle,

.asideleft

.asideright {

float: left;

}

@media screen and (max-width: 960px) {

.mainarticle,

.asideleft,

.asideright {

float: none;

}

}

Now, if you *only* want to change the order of content according to screen size, you’ll have to use CSS regions which are not very supported yet.

More about it here: https://css-tricks.com/content-folding/