In the last weeks I really try to figure out what is the best way to make the layout responsive. I know I can use media query, but it's not as well supported as we want:)

So my question:
if I have a two columns layout and I want to make it responsive I don't want to use two tables with fix width/align=left and add in the media query width: 100% !important. It's just too much tables and if I need some borders it's also not so easy and more tables = more code.

My solution would be just add in the media query table tr td display: block !important; width: 100%; It's working really good, but I'm newbie and I'm not sure which is better?