CSS Template using Float

In this example, we have created a header, three unequal columns and a footer. On smaller screens, the columns will stack on top of each other.

Resize the browser window to see the responsive effect.

This is based on a design provided by W3Schools.com

Header

Column
Column
Column