Thi Notes
AboutNotesBlogTopicsToolsReading
About|Sketches |Cooking |Cafe icon Support Thi
✳️

[Check] Quick Column

[Check] Quick Column

Anh-Thi Dinh
Next.js
DSA

Simple (from 1 to 5 cols)

1 col

This is a very long sentence I use to test this block to see that if there is a very long paragraph and break lines, what we will have.

2 cols

This is a outside the column area to test the spacing between blocks and between column blocks and other blocks.
This is a very long sentence I use to test this block to see that if there is a very long paragraph and break lines, what we will have.
This is a very long sentence I use to test this block to see that if there is a very long paragraph and break lines, what we will have.
This is a very long sentence I use to test this block to see that if there is a very long paragraph and break lines, what we will have.
 
This is a outside the column area to test the spacing between blocks and between column blocks and other blocks.

Normal heading

Right after this, it’s a normal paragraph.

Side by side and paragraph next to it

This is a very long sentence I use to test this block to see that if there is a very long paragraph and break lines, what we will have.
This is a very long sentence I use to test this block to see that if there is a very long paragraph and break lines, what we will have.
(☝️ to test the space between heading and the column)

Side by side text and image

This is a very long sentence I use to test this block to see that if there is a very long paragraph and break lines, what we will have.
This is a very long sentence I use to test this block to see that if there is a very long paragraph and break lines, what we will have.
Figure’s caption.
This is a very long sentence I use to test this block to see that if there is a very long paragraph and break lines, what we will have.

3 cols

This is a very long sentence I use to test this block to see that if there is a very long paragraph and break lines, what we will have.
This is a very long sentence I use to test this block to see that if there is a very long paragraph and break lines, what we will have.
This is a very long sentence I use to test this block to see that if there is a very long paragraph and break lines, what we will have.
This is a outside the column area to test the spacing between blocks and between column blocks and other blocks.

4 cols

This is a very long sentence I use to test this block to see that if there is a very long paragraph and break lines, what we will have.
This is a very long sentence I use to test this block to see that if there is a very long paragraph and break lines, what we will have.
This is a very long sentence I use to test this block to see that if there is a very long paragraph and break lines, what we will have.
This is a very long sentence I use to test this block to see that if there is a very long paragraph and break lines, what we will have.
This is a outside the column area to test the spacing between blocks and between column blocks and other blocks.

5 cols

This is a very long sentence I use to test this block to see that if there is a very long paragraph and break lines, what we will have.
This is a very long sentence I use to test this block to see that if there is a very long paragraph and break lines, what we will have.
This is a very long sentence I use to test this block to see that if there is a very long paragraph and break lines, what we will have.
This is a very long sentence I use to test this block to see that if there is a very long paragraph and break lines, what we will have.
This is a very long sentence I use to test this block to see that if there is a very long paragraph and break lines, what we will have.
This is a outside the column area to test the spacing between blocks and between column blocks and other blocks.

Equal width (2 cols)

This is a very long sentence I use to test this block to see that if there is a very long paragraph and break lines, what we will have.
1abc
This is a very long sentence I use to test this block to see that if there is a very long paragraph and break lines, what we will have.
This is a outside the column area to test the spacing between blocks and between column blocks and other blocks.

Same as previous but 3 cols

This is a very long sentence I use to test this block to see that if there is a very long paragraph and break lines, what we will have.
1abc
This is a very long sentence I use to test this block to see that if there is a very long paragraph and break lines, what we will have.
This is a very long sentence I use to test this block to see that if there is a very long paragraph and break lines, what we will have.
This is a outside the column area to test the spacing between blocks and between column blocks and other blocks.

Different ratios (long-short) (2 cols)

This is a very long sentence I use to test this block to see that if there is a very long paragraph and break lines, what we will have.
1abc
This is a very long sentence I use to test this block to see that if there is a very long paragraph and break lines, what we will have.
This is a outside the column area to test the spacing between blocks and between column blocks and other blocks.

Different ratios + more columns (3 cols)

This is a outside the column area to test the spacing between blocks and between column blocks and other blocks.
Longest
This is a very long sentence I use to test this block to see that if there is a very long paragraph and break lines, what we will have.
 
Longer
This is a very long sentence I use to test this block to see that if there is a very long paragraph and break lines, what we will have.
Long
This is a very long sentence I use to test this block to see that if there is a very long paragraph and break lines, what we will have.
This is a outside the column area to test the spacing between blocks and between column blocks and other blocks.
In this post
◆Simple (from 1 to 5 cols)○1 col○2 cols○Normal heading○Side by side and paragraph next to it○Side by side text and image○3 cols○4 cols○5 cols◆Equal width (2 cols)◆Same as previous but 3 cols◆Different ratios (long-short) (2 cols)◆Different ratios + more columns (3 cols)