Why use a 3-column layout like StackExchange, Facebook and YouTube?

1. What is 3 column layout in HTML?
2. How do you create a 3 column grid layout?

What is 3 column layout in HTML?

Main Content Column With Left & Right Sidebars

In this three-column layout, the main content column is in the center and sidebars are on either side. On mobile, the columns are stacked vertically and the main content comes first.

How do you create a 3 column grid layout?

By using grid-template-columns: repeat(3, 1fr) on grid container you will get layout with 3 columns of equal width, and grid layout will by default make all items in each row equal height. Save this answer.