With CSS3 its really easy to reorder the content depending on the screen size, which leads me to the question: Only because its possible, should I?
A use case could be directions - one could assume that a user checking out a website on a desktop computer is maybe less interested in a map with directions than a user checking out the same website using a mobile phone.
So for the mobile version of that website it could make sense to put the directions more to the top. That way, a mobile user could find fast what he is looking for.
But what if the user checked out the website at home using a desktop computer and now just wants to check if he arrived at the right place?
Remembering the website from his desktop computer, he may be irritated or annoyed when content blocks aren't where he expects them to be.
Are there any best practices, studies or experience towards that? Is it a good idea to reorder content depending on the screen size in such a radical way?