CSS Framework for Responsive Templates
About Ideal Responsive templates and future layouts.
1) I do recommend using a CSS Framework. Very easy to move the blocks and change the layout you provide by default just using a css class. I suggest Skeleton, Zurb or Bootstrap. Skeleton is so easy to implement. Let me give you an example <div class="container eight columns">. Skeleton has 16 columns/960px and you can move your blocks in places as you want. Zurb and Bootstrap have similarly features.
2) What about responsive newsletters? I am pretty sure many of you are sending newsletters periodically. Even you provide a responsive template for your front-end, you should take this in consideration: responsive newsletters. Lots of people are using responsive devices to check emails. For this case of study I do recommend this one which makes your lives better (I tested already and is very good): http://zurb.com/playground/responsive-email-templates
Done for v4.x
Under development in v5.x
4.6.2 version will have a lot of improvements of Responsive tempplate. We also adapted email notifications to make it responsive.
Let's check it in 4.6.2