3 Column Layout

grid-column: span 3;

Horizontal menu, grid-column: span 3;

Row 3 that spans 3 columns - grid-column: span 3;

Sidebar 1

grid-row: 4 / span 3;

Main Content - Row 4 - Basic 3 Column Layout


This is a template / test page
grid-row: 4;

320px — 480px: Mobile devices.
481px — 768px: iPads, Tablets.
769px — 1024px: Small screens, laptops.
1025px — 1200px: Desktops, large screens.
1201px and more — Extra large screens, TV.

Use pre code to display the HTML & CSS code in a web page to others.
Use HTML Formatter to indent the code.


Sidebar 2

Lorem Ipsum is simply dummy text of the printing and typesetting industry.
grid-row: 4 / span 3;


Animals - Row 5

Dog
Cat
Rabbit
Aussie