Skip to main content
Columns
Girish Gilda avatar
Written by Girish Gilda
Updated over a week ago

Columns

In HTML, "columns" are like arranging things side by side on a webpage. It helps organize information neatly, making it look nice and easy to read.

It's like putting your content in a grid for a clean and tidy appearance.

To add a column block, click on “Add New Block”.

Then select HTML as the block type.

Select “Columns” from the block dropdown.

Fuzen provides multiple such HTML columns that you can use within your web app.

Column - 6

Columns - 6 refers to a layout design where the available space is divided into 6 equal columns, with each column occupying one-sixth of the width.

Columns - 50:50

Columns - 50:50 refers to a layout design where the available space is divided into two equal columns, with each column occupying one-half of the width.

Columns - 1/3:2/3

Columns - 1/3:2/3 refers to a layout design where the available space is divided into two columns, with the left column occupying one-third of the width and the right column occupying two-thirds.

Columns - 2/3:1/3

Columns - 1/3:2/3 refers to a layout design where the available space is divided into two columns, with the left column occupying two-thirds of the width and the right column occupying one-third.

Columns - 25%:25%:25%:25%

Columns - 25%:25%:25%:25% refers to a layout design where the available space is divided into four equal columns, with each column occupying one-fourth of the width.

Columns - 25%:50%:25%

Columns - 25%:50%:25% refers to a layout design where the available space is divided into three columns, with the first column occupying one-fourth of the width, the middle column occupying two-forth, and the last column occupying one-fourth.

Columns - 25%:75%

Columns - 25%:75% refers to a layout design where the available space is divided into two columns, with the left column occupying one-fourth of the width and the right column occupying three-fourths.

Columns - 75%:25%

Columns - 75%:25% refers to a layout design where the available space is divided into two columns, with the left column occupying three-fourths of the width and the right column occupying one-fourth.

Columns - 33%:33%:33%

Columns - 33%:33%:33% refers to a layout design where the available space is divided into three equal columns, with each column occupying one-third of the width.

Did this answer your question?