Using Grid Container

CSS Template using grid

In this exampled, we have created a header, three equal 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.

Note: The Grid Layout Module is not supported in Internet Explorer or Edge 15 and earlier versions.

Header

Column
Column
Column