From 3-Column Design to Responsive Design

I have had a go at mocking up a simple example of a responsive page based on a three column layout.
It’s not the best looking page you will see, or the best example of RWD, I’m sure others could do better. But it should illustrate some of the basic methods you can employ for a site of this type.
It only breaks at about 280px which isn’t bad, and that’s only the menu, that does not fold or go hamburger in this example.

Take a look at the css and comments, maybe copy the code and view in simulation mode to see it working.

1 Like