Grid
Helps arrange content in rows and columns.
---
block:
_bookshop_name: layouts/grid
columns:
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
## Column 1
This is the first column
options:
align: null
decoration: null
margin:
top: null
bottom: null
size: null
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
## Column 2
This is the second column
options:
align: null
decoration: null
margin:
top: null
bottom: null
size: null
options:
max_column_width: null
min_column_width: null
gap: null
position: null
margin:
top: null
bottom: null
row_alignment: start
---
{% bookshop "{{block._bookshop_name}}" bind: block %}
Properties
columnsobject array
The columns of the grid.
content_blockscomponent array
optionsobject
Configuration options for the Grid
min_column_widthnumber
max_column_widthnumber
gapenum
The spacing between columns
none |
|
xs |
|
s |
|
m |
|
l |
|
xl |
|
2xl |
positionenum
How the content is spaced within a grid item.
top |
Positions content at the top of a grid item. |
center |
Vertically centers content within a grid item. |
bottom |
Positions content at the bottom of a grid item. |
between |
Spaces out content so it takes up the entire grid item. |
row_alignmentenum
Aligns the items in each row.
start |
|
around |
Spaces items evenly with whitespace around the outside |
between |
Spaces items evenly with whitespace between the items |
center |
Note: This changes this component from using CSS grid to a flexbox which can change overall behavior of the grid |
end |
Note: This component from using CSS grid to a flexbox which can change overall behavior of the grid |
marginobject
The spacing above and below the grid.
topenum
The spacing above the grid.
none |
|
xs |
|
s |
|
m |
|
l |
|
xl |
|
2xl |
bottomenum
The spacing below the grid.
none |
|
xs |
|
s |
|
m |
|
l |
|
xl |
|
2xl |
Examples
Columns
---
block:
_bookshop_name: layouts/grid
columns:
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 1
This is the first column
options:
align: null
decoration: null
margin:
top: null
bottom: null
size: null
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 2
This is the second column
options:
align: null
decoration: null
margin:
top: null
bottom: null
size: null
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 3
This is the third column
options:
align: null
decoration: null
margin:
top: null
bottom: null
size: null
options:
max_column_width: null
min_column_width: null
gap: null
position: null
margin:
top: null
bottom: null
row_alignment: start
---
{% bookshop "{{block._bookshop_name}}" bind: block %}
---
block:
_bookshop_name: layouts/grid
columns:
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 1
This is the first column
options:
align: null
decoration: null
margin:
top: null
bottom: null
size: null
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 2
This is the second column
options:
align: null
decoration: null
margin:
top: null
bottom: null
size: null
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 3
This is the third column
options:
align: null
decoration: null
margin:
top: null
bottom: null
size: null
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 4
This is the fourth column
options:
align: null
decoration: null
margin:
top: null
bottom: null
size: null
options:
max_column_width: null
min_column_width: null
gap: null
position: null
margin:
top: null
bottom: null
row_alignment: start
---
{% bookshop "{{block._bookshop_name}}" bind: block %}
---
block:
_bookshop_name: layouts/grid
columns:
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 1
This is the first column
options:
align: null
decoration: null
margin:
top: null
bottom: null
size: null
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 2
This is the second column
options:
align: null
decoration: null
margin:
top: null
bottom: null
size: null
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 3
This is the third column
options:
align: null
decoration: null
margin:
top: null
bottom: null
size: null
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 4
This is the fourth column
options:
align: null
decoration: null
margin:
top: null
bottom: null
size: null
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 5
This is the fifth column
options:
align: null
decoration: null
margin:
top: null
bottom: null
size: null
options:
max_column_width: null
min_column_width: null
gap: null
position: null
margin:
top: null
bottom: null
row_alignment: start
---
{% bookshop "{{block._bookshop_name}}" bind: block %}
---
block:
_bookshop_name: layouts/grid
columns:
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 1
This is the first column
options:
align: null
decoration: null
margin:
top: null
bottom: null
size: null
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 2
This is the second column
options:
align: null
decoration: null
margin:
top: null
bottom: null
size: null
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 3
This is the third column
options:
align: null
decoration: null
margin:
top: null
bottom: null
size: null
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 4
This is the fourth column
options:
align: null
decoration: null
margin:
top: null
bottom: null
size: null
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 5
This is the fifth column
options:
align: null
decoration: null
margin:
top: null
bottom: null
size: null
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 6
This is the sixth column
options:
align: null
decoration: null
margin:
top: null
bottom: null
size: null
options:
max_column_width: null
min_column_width: null
gap: null
position: null
margin:
top: null
bottom: null
row_alignment: start
---
{% bookshop "{{block._bookshop_name}}" bind: block %}
---
block:
_bookshop_name: layouts/grid
columns:
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 1
This is the first column
options:
align: null
decoration: null
margin:
top: null
bottom: null
size: null
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 2
This is the second column
options:
align: null
decoration: null
margin:
top: null
bottom: null
size: null
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 3
This is the third column
options:
align: null
decoration: null
margin:
top: null
bottom: null
size: null
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 4
This is the fourth column
options:
align: null
decoration: null
margin:
top: null
bottom: null
size: null
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 5
This is the fifth column
options:
align: null
decoration: null
margin:
top: null
bottom: null
size: null
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 6
This is the sixth column
options:
align: null
decoration: null
margin:
top: null
bottom: null
size: null
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 7
This is the seventh column
options:
align: null
decoration: null
margin:
top: null
bottom: null
size: null
options:
max_column_width: null
min_column_width: null
gap: null
position: null
margin:
top: null
bottom: null
row_alignment: start
---
{% bookshop "{{block._bookshop_name}}" bind: block %}
---
block:
_bookshop_name: layouts/grid
columns:
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 1
This is the first column
options:
align: null
decoration: null
margin:
top: null
bottom: null
size: null
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 2
This is the second column
options:
align: null
decoration: null
margin:
top: null
bottom: null
size: null
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 3
This is the third column
options:
align: null
decoration: null
margin:
top: null
bottom: null
size: null
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 4
This is the fourth column
options:
align: null
decoration: null
margin:
top: null
bottom: null
size: null
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 5
This is the fifth column
options:
align: null
decoration: null
margin:
top: null
bottom: null
size: null
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 6
This is the sixth column
options:
align: null
decoration: null
margin:
top: null
bottom: null
size: null
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 7
This is the seventh column
options:
align: null
decoration: null
margin:
top: null
bottom: null
size: null
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 8
This is the eighth column
options:
align: null
decoration: null
margin:
top: null
bottom: null
size: null
options:
max_column_width: null
min_column_width: null
gap: null
position: null
margin:
top: null
bottom: null
row_alignment: start
---
{% bookshop "{{block._bookshop_name}}" bind: block %}
---
block:
_bookshop_name: layouts/grid
columns:
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 1
This is the first column
options:
align: null
decoration: null
margin:
top: null
bottom: null
size: null
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 2
This is the second column
options:
align: null
decoration: null
margin:
top: null
bottom: null
size: null
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 3
This is the third column
options:
align: null
decoration: null
margin:
top: null
bottom: null
size: null
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 4
This is the fourth column
options:
align: null
decoration: null
margin:
top: null
bottom: null
size: null
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 5
This is the fifth column
options:
align: null
decoration: null
margin:
top: null
bottom: null
size: null
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 6
This is the sixth column
options:
align: null
decoration: null
margin:
top: null
bottom: null
size: null
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 7
This is the seventh column
options:
align: null
decoration: null
margin:
top: null
bottom: null
size: null
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 8
This is the eighth column
options:
align: null
decoration: null
margin:
top: null
bottom: null
size: null
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 9
This is the ninth column
options:
align: null
decoration: null
margin:
top: null
bottom: null
size: null
options:
max_column_width: null
min_column_width: null
gap: null
position: null
margin:
top: null
bottom: null
row_alignment: start
---
{% bookshop "{{block._bookshop_name}}" bind: block %}
---
block:
_bookshop_name: layouts/grid
columns:
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 1
This is the first column
options:
align: null
decoration: null
margin:
top: null
bottom: null
size: null
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 2
This is the second column
options:
align: null
decoration: null
margin:
top: null
bottom: null
size: null
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 3
This is the third column
options:
align: null
decoration: null
margin:
top: null
bottom: null
size: null
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 4
This is the fourth column
options:
align: null
decoration: null
margin:
top: null
bottom: null
size: null
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 5
This is the fifth column
options:
align: null
decoration: null
margin:
top: null
bottom: null
size: null
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 6
This is the sixth column
options:
align: null
decoration: null
margin:
top: null
bottom: null
size: null
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 7
This is the seventh column
options:
align: null
decoration: null
margin:
top: null
bottom: null
size: null
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 8
This is the eighth column
options:
align: null
decoration: null
margin:
top: null
bottom: null
size: null
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 9
This is the ninth column
options:
align: null
decoration: null
margin:
top: null
bottom: null
size: null
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 10
This is the tenth column
options:
align: null
decoration: null
margin:
top: null
bottom: null
size: null
options:
max_column_width: null
min_column_width: null
gap: null
position: null
margin:
top: null
bottom: null
row_alignment: start
---
{% bookshop "{{block._bookshop_name}}" bind: block %}
---
block:
_bookshop_name: layouts/grid
columns:
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 1
This is the first column
options:
align: null
decoration: null
margin:
top: null
bottom: null
size: null
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 2
This is the second column
options:
align: null
decoration: null
margin:
top: null
bottom: null
size: null
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 3
This is the third column
options:
align: null
decoration: null
margin:
top: null
bottom: null
size: null
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 4
This is the fourth column
options:
align: null
decoration: null
margin:
top: null
bottom: null
size: null
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 5
This is the fifth column
options:
align: null
decoration: null
margin:
top: null
bottom: null
size: null
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 6
This is the sixth column
options:
align: null
decoration: null
margin:
top: null
bottom: null
size: null
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 7
This is the seventh column
options:
align: null
decoration: null
margin:
top: null
bottom: null
size: null
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 8
This is the eighth column
options:
align: null
decoration: null
margin:
top: null
bottom: null
size: null
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 9
This is the ninth column
options:
align: null
decoration: null
margin:
top: null
bottom: null
size: null
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 10
This is the tenth column
options:
align: null
decoration: null
margin:
top: null
bottom: null
size: null
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 11
This is the eleven column
options:
align: null
decoration: null
margin:
top: null
bottom: null
size: null
options:
max_column_width: null
min_column_width: null
gap: null
position: null
margin:
top: null
bottom: null
row_alignment: start
---
{% bookshop "{{block._bookshop_name}}" bind: block %}
---
block:
_bookshop_name: layouts/grid
columns:
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 1
This is the first column
options:
align: null
decoration: null
margin:
top: null
bottom: null
size: null
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 2
This is the second column
options:
align: null
decoration: null
margin:
top: null
bottom: null
size: null
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 3
This is the third column
options:
align: null
decoration: null
margin:
top: null
bottom: null
size: null
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 4
This is the fourth column
options:
align: null
decoration: null
margin:
top: null
bottom: null
size: null
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 5
This is the fifth column
options:
align: null
decoration: null
margin:
top: null
bottom: null
size: null
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 6
This is the sixth column
options:
align: null
decoration: null
margin:
top: null
bottom: null
size: null
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 7
This is the seventh column
options:
align: null
decoration: null
margin:
top: null
bottom: null
size: null
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 8
This is the eighth column
options:
align: null
decoration: null
margin:
top: null
bottom: null
size: null
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 9
This is the ninth column
options:
align: null
decoration: null
margin:
top: null
bottom: null
size: null
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 10
This is the tenth column
options:
align: null
decoration: null
margin:
top: null
bottom: null
size: null
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 11
This is the eleven column
options:
align: null
decoration: null
margin:
top: null
bottom: null
size: null
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 12
This is the twelve column
options:
align: null
decoration: null
margin:
top: null
bottom: null
size: null
options:
max_column_width: null
min_column_width: null
gap: null
position: null
margin:
top: null
bottom: null
row_alignment: start
---
{% bookshop "{{block._bookshop_name}}" bind: block %}
Max column width
---
block:
_bookshop_name: layouts/grid
columns:
- content_blocks:
- _bookshop_name: layouts/section
label: null
link: null
content_blocks:
- _bookshop_name: elements/heading
inline_markdown: Column 1
level: h3
options:
size: null
weight: null
case: null
decoration: null
margin:
top: null
bottom: null
align: start
icon:
options:
color: null
background: null
position: null
- _bookshop_name: elements/paragraph
inline_markdown: >-
This is a really long paragraph so you can see the column at
full width
options:
align: null
size: null
decoration: null
margin:
top: null
bottom: null
options:
max_content_width: null
margin:
top: null
bottom: null
shape:
type: rounded
size: null
reverse: false
padding:
vertical: m
horizontal: m
background:
color: subtle
scheme: null
shadow: null
transforms:
scale: null
translate_x: null
translate_y: null
blur: null
opacity: null
image:
src: null
alt: null
options:
opacity: null
rounded: null
horizontal_position: null
vertical_position: null
above_background: null
repeat: false
fixed: null
fit: cover
border:
width: null
color: null
type: null
gap: null
reverse: null
alignment:
horizontal: center
vertical: top
- content_blocks:
- _bookshop_name: layouts/section
label: null
link: null
content_blocks:
- _bookshop_name: elements/heading
inline_markdown: Column 2
level: h3
options:
size: null
weight: null
case: null
decoration: null
margin:
top: null
bottom: null
align: start
icon:
alt: null
name: null
options:
color: null
background: null
position: null
- _bookshop_name: elements/paragraph
inline_markdown: >-
This is a really long paragraph so you can see the column at
full width
options:
align: null
size: null
decoration: null
margin:
top: null
bottom: null
options:
max_content_width: null
margin:
top: null
bottom: null
shape:
type: rounded
size: null
reverse: false
padding:
vertical: m
horizontal: m
background:
color: subtle
scheme: null
shadow: null
transforms:
scale: null
translate_x: null
translate_y: null
blur: null
opacity: null
image:
src: null
alt: null
options:
opacity: null
rounded: null
horizontal_position: null
vertical_position: null
above_background: null
repeat: false
fixed: null
fit: cover
border:
width: null
color: null
type: null
gap: null
reverse: null
alignment:
horizontal: center
vertical: top
options:
max_column_width: 250
min_column_width: null
gap: s
position: null
margin:
top: null
bottom: null
row_alignment: start
---
{% bookshop "layouts/grid" bind: block %}
---
block:
_bookshop_name: layouts/grid
columns:
- content_blocks:
- _bookshop_name: layouts/section
label: null
link: null
content_blocks:
- _bookshop_name: elements/heading
inline_markdown: Force Max Width
level: h3
options:
size: null
weight: null
case: null
decoration: null
margin:
top: null
bottom: null
align: start
icon:
alt: null
name: null
options:
color: null
background: null
position: null
options:
max_content_width: null
margin:
top: null
bottom: null
shape:
type: rounded
size: null
reverse: false
padding:
vertical: m
horizontal: m
background:
color: subtle
scheme: null
shadow: null
transforms:
scale: null
translate_x: null
translate_y: null
blur: null
opacity: null
image:
src: null
alt: null
options:
opacity: null
rounded: null
horizontal_position: null
vertical_position: null
above_background: null
repeat: false
fixed: null
fit: cover
border:
width: null
color: null
type: null
gap: null
reverse: null
alignment:
horizontal: center
vertical: top
- content_blocks:
- _bookshop_name: layouts/section
label: null
link: null
content_blocks:
- _bookshop_name: elements/heading
inline_markdown: '2'
level: h3
options:
size: null
weight: null
case: null
decoration: null
margin:
top: null
bottom: null
align: start
icon:
alt: null
name: null
options:
color: null
background: null
position: null
options:
max_content_width: null
margin:
top: null
bottom: null
shape:
type: rounded
size: null
reverse: false
padding:
vertical: m
horizontal: m
background:
color: subtle
scheme: null
shadow: null
transforms:
scale: null
translate_x: null
translate_y: null
blur: null
opacity: null
image:
src: null
alt: null
options:
opacity: null
rounded: null
horizontal_position: null
vertical_position: null
above_background: null
repeat: false
fixed: null
fit: cover
border:
width: null
color: null
type: null
gap: null
reverse: null
alignment:
horizontal: center
vertical: top
- content_blocks:
- _bookshop_name: layouts/section
label: null
link: null
content_blocks:
- _bookshop_name: elements/heading
inline_markdown: '3'
level: h3
options:
size: null
weight: null
case: null
decoration: null
margin:
top: null
bottom: null
align: start
icon:
alt: null
name: null
options:
color: null
background: null
position: null
options:
max_content_width: null
margin:
top: null
bottom: null
shape:
type: rounded
size: null
reverse: false
padding:
vertical: m
horizontal: m
background:
color: subtle
scheme: null
shadow: null
transforms:
scale: null
translate_x: null
translate_y: null
blur: null
opacity: null
image:
src: null
alt: null
options:
opacity: null
rounded: null
horizontal_position: null
vertical_position: null
above_background: null
repeat: false
fixed: null
fit: cover
border:
width: null
color: null
type: null
gap: null
reverse: null
alignment:
horizontal: center
vertical: top
- content_blocks:
- _bookshop_name: layouts/section
label: null
link: null
content_blocks:
- _bookshop_name: elements/heading
inline_markdown: '4'
level: h3
options:
size: null
weight: null
case: null
decoration: null
margin:
top: null
bottom: null
align: start
icon:
alt: null
name: null
options:
color: null
background: null
position: null
options:
max_content_width: null
margin:
top: null
bottom: null
shape:
type: rounded
size: null
reverse: false
padding:
vertical: m
horizontal: m
background:
color: subtle
scheme: null
shadow: null
transforms:
scale: null
translate_x: null
translate_y: null
blur: null
opacity: null
image:
src: null
alt: null
options:
opacity: null
rounded: null
horizontal_position: null
vertical_position: null
above_background: null
repeat: false
fixed: null
fit: cover
border:
width: null
color: null
type: null
gap: null
reverse: null
alignment:
horizontal: center
vertical: top
- content_blocks:
- _bookshop_name: layouts/section
label: null
link: null
content_blocks:
- _bookshop_name: elements/heading
inline_markdown: '5'
level: h3
options:
size: null
weight: null
case: null
decoration: null
margin:
top: null
bottom: null
align: start
icon:
alt: null
name: null
options:
color: null
background: null
position: null
options:
max_content_width: null
margin:
top: null
bottom: null
shape:
type: rounded
size: null
reverse: false
padding:
vertical: m
horizontal: m
background:
color: subtle
image:
options:
horizontal_position: null
vertical_position: null
above_background: null
repeat: null
fixed: null
fit: cover
border:
width: null
color: null
type: null
gap: null
reverse: null
alignment:
horizontal: center
vertical: top
options:
max_column_width: 150
min_column_width: 100
gap: s
position: null
margin:
top: null
bottom: null
row_alignment: start
---
{% bookshop "{{block._bookshop_name}}" bind: block %}
---
block:
_bookshop_name: layouts/grid
columns:
- content_blocks:
- _bookshop_name: layouts/section
label: null
link: null
content_blocks:
- _bookshop_name: elements/heading
inline_markdown: Column 1
level: h3
options:
size: null
weight: null
case: null
decoration: null
margin:
top: null
bottom: null
align: start
icon:
options:
color: null
background: null
position: null
options:
max_content_width: null
margin:
top: null
bottom: null
shape:
type: rounded
size: null
reverse: false
padding:
vertical: m
horizontal: m
background:
color: subtle
scheme: null
shadow: null
transforms:
scale: null
translate_x: null
translate_y: null
blur: null
opacity: null
image:
src: null
alt: null
options:
opacity: null
rounded: null
horizontal_position: null
vertical_position: null
above_background: null
repeat: false
fixed: null
fit: cover
border:
width: null
color: null
type: null
gap: null
reverse: null
alignment:
horizontal: center
vertical: top
- content_blocks:
- _bookshop_name: layouts/section
label: null
link: null
content_blocks:
- _bookshop_name: elements/heading
inline_markdown: Column 2
level: h3
options:
size: null
weight: null
case: null
decoration: null
margin:
top: null
bottom: null
align: start
icon:
alt: null
name: null
options:
color: null
background: null
position: null
options:
max_content_width: null
margin:
top: null
bottom: null
shape:
type: rounded
size: null
reverse: false
padding:
vertical: m
horizontal: m
background:
color: subtle
scheme: null
shadow: null
transforms:
scale: null
translate_x: null
translate_y: null
blur: null
opacity: null
image:
src: null
alt: null
options:
opacity: null
rounded: null
horizontal_position: null
vertical_position: null
above_background: null
repeat: false
fixed: null
fit: cover
border:
width: null
color: null
type: null
gap: null
reverse: null
alignment:
horizontal: center
vertical: top
options:
max_column_width: 250
min_column_width: 250
gap: s
position: null
margin:
top: null
bottom: null
row_alignment: start
---
{% bookshop "{{block._bookshop_name}}" bind: block %}
Row Alignment
---
block:
_bookshop_name: layouts/grid
columns:
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 1
This is the first column
options:
align: null
decoration: null
margin:
top: null
bottom: null
size: null
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 2
This is the second column
options:
align: null
decoration: null
margin:
top: null
bottom: null
size: null
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 3
This is the third column
options:
align: null
decoration: null
margin:
top: null
bottom: null
size: null
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 4
This is the fourth column
options:
align: null
decoration: null
margin:
top: null
bottom: null
size: null
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 5
This is the fifth column
options:
align: null
decoration: null
margin:
top: null
bottom: null
size: null
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 6
This is the sixth column
options:
align: null
decoration: null
margin:
top: null
bottom: null
size: null
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 7
This is the seventh column
options:
align: null
decoration: null
margin:
top: null
bottom: null
size: null
options:
max_column_width: null
min_column_width: null
gap: null
position: null
row_alignment: start
margin:
top: null
bottom: null
---
{% bookshop "{{block._bookshop_name}}" bind: block %}
---
block:
_bookshop_name: layouts/grid
columns:
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 1
This is the first column
options:
align: null
decoration: null
margin:
top: null
bottom: null
size: null
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 2
This is the second column
options:
align: null
decoration: null
margin:
top: null
bottom: null
size: null
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 3
This is the third column
options:
align: null
decoration: null
margin:
top: null
bottom: null
size: null
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 4
This is the fourth column
options:
align: null
decoration: null
margin:
top: null
bottom: null
size: null
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 5
This is the fifth column
options:
align: null
decoration: null
margin:
top: null
bottom: null
size: null
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 6
This is the sixth column
options:
align: null
decoration: null
margin:
top: null
bottom: null
size: null
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 7
This is the seventh column
options:
align: null
decoration: null
margin:
top: null
bottom: null
size: null
options:
max_column_width: null
min_column_width: null
gap: null
position: null
row_alignment: center
margin:
top: null
bottom: null
---
{% bookshop "{{block._bookshop_name}}" bind: block %}
---
block:
_bookshop_name: layouts/grid
columns:
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 1
This is the first column
options:
align: null
decoration: null
margin:
top: null
bottom: null
size: null
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 2
This is the second column
options:
align: null
decoration: null
margin:
top: null
bottom: null
size: null
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 3
This is the third column
options:
align: null
decoration: null
margin:
top: null
bottom: null
size: null
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 4
This is the fourth column
options:
align: null
decoration: null
margin:
top: null
bottom: null
size: null
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 5
This is the fifth column
options:
align: null
decoration: null
margin:
top: null
bottom: null
size: null
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 6
This is the sixth column
options:
align: null
decoration: null
margin:
top: null
bottom: null
size: null
- content_blocks:
- _bookshop_name: elements/rich-text
markdown: |-
### Column 7
This is the seventh column
options:
align: null
decoration: null
margin:
top: null
bottom: null
size: null
options:
max_column_width: null
min_column_width: null
gap: null
position: null
row_alignment: end
margin:
top: null
bottom: null
---
{% bookshop "{{block._bookshop_name}}" bind: block %}
---
block:
_bookshop_name: layouts/grid
columns:
- content_blocks:
- _bookshop_name: layouts/section
label: null
link: null
content_blocks:
- _bookshop_name: elements/heading
inline_markdown: Column 1
level: h3
options:
size: null
weight: null
case: null
decoration: null
margin:
top: null
bottom: null
align: start
icon:
options:
color: null
background: null
position: null
options:
max_content_width: null
margin:
top: null
bottom: null
shape:
type: rounded
size: null
reverse: false
padding:
vertical: m
horizontal: m
background:
color: subtle
scheme: null
shadow: null
transforms:
scale: null
translate_x: null
translate_y: null
blur: null
opacity: null
image:
src: null
alt: null
options:
opacity: null
rounded: null
horizontal_position: null
vertical_position: null
above_background: null
repeat: false
fixed: null
fit: cover
border:
width: null
color: null
type: null
gap: null
reverse: null
alignment:
horizontal: center
vertical: top
- content_blocks:
- _bookshop_name: layouts/section
label: null
link: null
content_blocks:
- _bookshop_name: elements/heading
inline_markdown: Column 2
level: h3
options:
size: null
weight: null
case: null
decoration: null
margin:
top: null
bottom: null
align: start
icon:
alt: null
name: null
options:
color: null
background: null
position: null
options:
max_content_width: null
margin:
top: null
bottom: null
shape:
type: rounded
size: null
reverse: false
padding:
vertical: m
horizontal: m
background:
color: subtle
scheme: null
shadow: null
transforms:
scale: null
translate_x: null
translate_y: null
blur: null
opacity: null
image:
src: null
alt: null
options:
opacity: null
rounded: null
horizontal_position: null
vertical_position: null
above_background: null
repeat: false
fixed: null
fit: cover
border:
width: null
color: null
type: null
gap: null
reverse: null
alignment:
horizontal: center
vertical: top
options:
max_column_width: 250
min_column_width: 250
gap: s
position: null
margin:
top: null
bottom: null
row_alignment: between
---
{% bookshop "{{block._bookshop_name}}" bind: block %}
---
block:
_bookshop_name: layouts/grid
columns:
- content_blocks:
- _bookshop_name: layouts/section
label: null
link: null
content_blocks:
- _bookshop_name: elements/heading
inline_markdown: Column 1
level: h3
options:
size: null
weight: null
case: null
decoration: null
margin:
top: null
bottom: null
align: start
icon:
options:
color: null
background: null
position: null
options:
max_content_width: null
margin:
top: null
bottom: null
shape:
type: rounded
size: null
reverse: false
padding:
vertical: m
horizontal: m
background:
color: subtle
scheme: null
shadow: null
transforms:
scale: null
translate_x: null
translate_y: null
blur: null
opacity: null
image:
src: null
alt: null
options:
opacity: null
rounded: null
horizontal_position: null
vertical_position: null
above_background: null
repeat: false
fixed: null
fit: cover
border:
width: null
color: null
type: null
gap: null
reverse: null
alignment:
horizontal: center
vertical: top
- content_blocks:
- _bookshop_name: layouts/section
label: null
link: null
content_blocks:
- _bookshop_name: elements/heading
inline_markdown: Column 2
level: h3
options:
size: null
weight: null
case: null
decoration: null
margin:
top: null
bottom: null
align: start
icon:
alt: null
name: null
options:
color: null
background: null
position: null
options:
max_content_width: null
margin:
top: null
bottom: null
shape:
type: rounded
size: null
reverse: false
padding:
vertical: m
horizontal: m
background:
color: subtle
scheme: null
shadow: null
transforms:
scale: null
translate_x: null
translate_y: null
blur: null
opacity: null
image:
src: null
alt: null
options:
opacity: null
rounded: null
horizontal_position: null
vertical_position: null
above_background: null
repeat: false
fixed: null
fit: cover
border:
width: null
color: null
type: null
gap: null
reverse: null
alignment:
horizontal: center
vertical: top
options:
max_column_width: 250
min_column_width: 250
gap: s
position: null
margin:
top: null
bottom: null
row_alignment: around
---
{% bookshop "{{block._bookshop_name}}" bind: block %}
Position
---
block:
_bookshop_name: layouts/grid
align: start
columns:
- content_blocks:
- _bookshop_name: layouts/section
label: null
link: null
content_blocks:
- _bookshop_name: elements/heading
inline_markdown: Column A
level: h2
options:
size: null
weight: null
case: null
decoration: null
margin:
top: null
bottom: null
align: start
icon:
alt: null
name: null
options:
color: null
background: null
position: null
- _bookshop_name: elements/rich-text
markdown: This is the first column with a little bit of text
options:
align: null
decoration: null
margin:
top: null
bottom: null
size: null
options:
max_content_width: null
margin:
top: null
bottom: null
shape:
type: rounded
size: null
reverse: false
padding:
vertical: m
horizontal: m
background:
color: subtle
scheme: null
shadow: null
transforms:
scale: null
translate_x: null
translate_y: null
blur: null
opacity: null
image:
src: null
alt: null
options:
opacity: null
rounded: null
horizontal_position: null
vertical_position: null
above_background: null
repeat: false
fixed: null
fit: cover
border:
width: null
color: null
type: null
gap: null
reverse: null
alignment:
horizontal: center
vertical: top
- content_blocks:
- _bookshop_name: layouts/section
label: null
link: null
content_blocks:
- _bookshop_name: elements/heading
inline_markdown: Column B
level: h2
options:
size: null
weight: null
case: null
decoration: null
margin:
top: null
bottom: null
align: start
icon:
alt: null
name: null
options:
color: null
background: null
position: null
- _bookshop_name: elements/rich-text
markdown: >-
This is the second column with lots and lots and lots and lots
of text
It event has multiple paragraphs! That's a lot of text.
options:
align: null
decoration: null
margin:
top: null
bottom: null
size: null
options:
max_content_width: null
margin:
top: null
bottom: null
shape:
type: rounded
size: null
reverse: false
padding:
vertical: m
horizontal: m
background:
color: subtle
scheme: null
shadow: null
transforms:
scale: null
translate_x: null
translate_y: null
blur: null
opacity: null
image:
src: null
alt: null
options:
opacity: null
rounded: null
horizontal_position: null
vertical_position: null
above_background: null
repeat: false
fixed: null
fit: cover
border:
width: null
color: null
type: null
gap: null
reverse: null
alignment:
horizontal: center
vertical: top
- content_blocks:
- _bookshop_name: layouts/section
label: null
link: null
content_blocks:
- _bookshop_name: elements/heading
inline_markdown: Column C
level: h2
options:
size: null
weight: null
case: null
decoration: null
margin:
top: null
bottom: null
align: start
icon:
alt: null
name: null
options:
color: null
background: null
position: null
- _bookshop_name: elements/rich-text
markdown: >-
This is the third column with a bit more text than the first
column, but certainly less the the second one.
options:
align: null
decoration: null
margin:
top: null
bottom: null
size: null
options:
max_content_width: null
margin:
top: null
bottom: null
shape:
type: rounded
size: null
reverse: false
padding:
vertical: m
horizontal: m
background:
color: subtle
scheme: null
shadow: null
transforms:
scale: null
translate_x: null
translate_y: null
blur: null
opacity: null
image:
src: null
alt: null
options:
opacity: null
rounded: null
horizontal_position: null
vertical_position: null
above_background: null
repeat: false
fixed: null
fit: cover
border:
width: null
color: null
type: null
gap: null
reverse: null
alignment:
horizontal: center
vertical: top
options:
max_column_width: 250
min_column_width: 250
gap: s
position: top
margin:
top: null
bottom: null
row_alignment: start
---
{% bookshop "{{block._bookshop_name}}" bind: block %}
---
block:
_bookshop_name: layouts/grid
align: start
columns:
- content_blocks:
- _bookshop_name: layouts/section
label: null
link: null
content_blocks:
- _bookshop_name: elements/heading
inline_markdown: Column A
level: h2
options:
size: null
weight: null
case: null
decoration: null
margin:
top: null
bottom: null
align: start
icon:
alt: null
name: null
options:
color: null
background: null
position: null
- _bookshop_name: elements/rich-text
markdown: This is the first column with a little bit of text
options:
align: null
decoration: null
margin:
top: null
bottom: null
size: null
options:
max_content_width: null
margin:
top: null
bottom: null
shape:
type: rounded
size: null
reverse: false
padding:
vertical: m
horizontal: m
background:
color: subtle
scheme: null
shadow: null
transforms:
scale: null
translate_x: null
translate_y: null
blur: null
opacity: null
image:
src: null
alt: null
options:
opacity: null
rounded: null
horizontal_position: null
vertical_position: null
above_background: null
repeat: false
fixed: null
fit: cover
border:
width: null
color: null
type: null
gap: null
reverse: null
alignment:
horizontal: center
vertical: top
- content_blocks:
- _bookshop_name: layouts/section
label: null
link: null
content_blocks:
- _bookshop_name: elements/heading
inline_markdown: Column B
level: h2
options:
size: null
weight: null
case: null
decoration: null
margin:
top: null
bottom: null
align: start
icon:
alt: null
name: null
options:
color: null
background: null
position: null
- _bookshop_name: elements/rich-text
markdown: >-
This is the second column with lots and lots and lots and lots
of text
It event has multiple paragraphs! That's a lot of text.
options:
align: null
decoration: null
margin:
top: null
bottom: null
size: null
options:
max_content_width: null
margin:
top: null
bottom: null
shape:
type: rounded
size: null
reverse: false
padding:
vertical: m
horizontal: m
background:
color: subtle
scheme: null
shadow: null
transforms:
scale: null
translate_x: null
translate_y: null
blur: null
opacity: null
image:
src: null
alt: null
options:
opacity: null
rounded: null
horizontal_position: null
vertical_position: null
above_background: null
repeat: false
fixed: null
fit: cover
border:
width: null
color: null
type: null
gap: null
reverse: null
alignment:
horizontal: center
vertical: top
- content_blocks:
- _bookshop_name: layouts/section
label: null
link: null
content_blocks:
- _bookshop_name: elements/heading
inline_markdown: Column C
level: h2
options:
size: null
weight: null
case: null
decoration: null
margin:
top: null
bottom: null
align: start
icon:
alt: null
name: null
options:
color: null
background: null
position: null
- _bookshop_name: elements/rich-text
markdown: >-
This is the third column with a bit more text than the first
column, but certainly less the the second one.
options:
align: null
decoration: null
margin:
top: null
bottom: null
size: null
options:
max_content_width: null
margin:
top: null
bottom: null
shape:
type: rounded
size: null
reverse: false
padding:
vertical: m
horizontal: m
background:
color: subtle
scheme: null
shadow: null
transforms:
scale: null
translate_x: null
translate_y: null
blur: null
opacity: null
image:
src: null
alt: null
options:
opacity: null
rounded: null
horizontal_position: null
vertical_position: null
above_background: null
repeat: false
fixed: null
fit: cover
border:
width: null
color: null
type: null
gap: null
reverse: null
alignment:
horizontal: center
vertical: top
options:
max_column_width: 250
min_column_width: 250
gap: s
position: center
margin:
top: null
bottom: null
row_alignment: start
---
{% bookshop "{{block._bookshop_name}}" bind: block %}
---
block:
_bookshop_name: layouts/grid
align: start
columns:
- content_blocks:
- _bookshop_name: layouts/section
label: null
link: null
content_blocks:
- _bookshop_name: elements/heading
inline_markdown: Column A
level: h2
options:
size: null
weight: null
case: null
decoration: null
margin:
top: null
bottom: null
align: start
icon:
alt: null
name: null
options:
color: null
background: null
position: null
- _bookshop_name: elements/rich-text
markdown: This is the first column with a little bit of text
options:
align: null
decoration: null
margin:
top: null
bottom: null
size: null
options:
max_content_width: null
margin:
top: null
bottom: null
shape:
type: rounded
size: null
reverse: false
padding:
vertical: m
horizontal: m
background:
color: subtle
scheme: null
shadow: null
transforms:
scale: null
translate_x: null
translate_y: null
blur: null
opacity: null
image:
src: null
alt: null
options:
opacity: null
rounded: null
horizontal_position: null
vertical_position: null
above_background: null
repeat: false
fixed: null
fit: cover
border:
width: null
color: null
type: null
gap: null
reverse: null
alignment:
horizontal: center
vertical: top
- content_blocks:
- _bookshop_name: layouts/section
label: null
link: null
content_blocks:
- _bookshop_name: elements/heading
inline_markdown: Column B
level: h2
options:
size: null
weight: null
case: null
decoration: null
margin:
top: null
bottom: null
align: start
icon:
alt: null
name: null
options:
color: null
background: null
position: null
- _bookshop_name: elements/rich-text
markdown: >-
This is the second column with lots and lots and lots and lots
of text
It event has multiple paragraphs! That's a lot of text.
options:
align: null
decoration: null
margin:
top: null
bottom: null
size: null
options:
max_content_width: null
margin:
top: null
bottom: null
shape:
type: rounded
size: null
reverse: false
padding:
vertical: m
horizontal: m
background:
color: subtle
scheme: null
shadow: null
transforms:
scale: null
translate_x: null
translate_y: null
blur: null
opacity: null
image:
src: null
alt: null
options:
opacity: null
rounded: null
horizontal_position: null
vertical_position: null
above_background: null
repeat: false
fixed: null
fit: cover
border:
width: null
color: null
type: null
gap: null
reverse: null
alignment:
horizontal: center
vertical: top
- content_blocks:
- _bookshop_name: layouts/section
label: null
link: null
content_blocks:
- _bookshop_name: elements/heading
inline_markdown: Column C
level: h2
options:
size: null
weight: null
case: null
decoration: null
margin:
top: null
bottom: null
align: start
icon:
alt: null
name: null
options:
color: null
background: null
position: null
- _bookshop_name: elements/rich-text
markdown: >-
This is the third column with a bit more text than the first
column, but certainly less the the second one.
options:
align: null
decoration: null
margin:
top: null
bottom: null
size: null
options:
max_content_width: null
margin:
top: null
bottom: null
shape:
type: rounded
size: null
reverse: false
padding:
vertical: m
horizontal: m
background:
color: subtle
scheme: null
shadow: null
transforms:
scale: null
translate_x: null
translate_y: null
blur: null
opacity: null
image:
src: null
alt: null
options:
opacity: null
rounded: null
horizontal_position: null
vertical_position: null
above_background: null
repeat: false
fixed: null
fit: cover
border:
width: null
color: null
type: null
gap: null
reverse: null
alignment:
horizontal: center
vertical: top
options:
max_column_width: 250
min_column_width: 250
gap: s
position: bottom
margin:
top: null
bottom: null
row_alignment: start
---
{% bookshop "{{block._bookshop_name}}" bind: block %}
---
block:
_bookshop_name: layouts/grid
align: start
columns:
- content_blocks:
- _bookshop_name: layouts/section
label: null
link: null
content_blocks:
- _bookshop_name: elements/heading
inline_markdown: Column A
level: h2
options:
size: null
weight: null
case: null
decoration: null
margin:
top: null
bottom: null
align: start
icon:
alt: null
name: null
options:
color: null
background: null
position: null
- _bookshop_name: elements/rich-text
markdown: This is the first column with a little bit of text
options:
align: null
decoration: null
margin:
top: null
bottom: null
size: null
options:
max_content_width: null
margin:
top: null
bottom: null
shape:
type: rounded
size: null
reverse: false
padding:
vertical: m
horizontal: m
background:
color: subtle
scheme: null
shadow: null
transforms:
scale: null
translate_x: null
translate_y: null
blur: null
opacity: null
image:
src: null
alt: null
options:
opacity: null
rounded: null
horizontal_position: null
vertical_position: null
above_background: null
repeat: false
fixed: null
fit: cover
border:
width: null
color: null
type: null
gap: null
reverse: null
alignment:
horizontal: center
vertical: top
- content_blocks:
- _bookshop_name: layouts/section
label: null
link: null
content_blocks:
- _bookshop_name: elements/heading
inline_markdown: Column B
level: h2
options:
size: null
weight: null
case: null
decoration: null
margin:
top: null
bottom: null
align: start
icon:
alt: null
name: null
options:
color: null
background: null
position: null
- _bookshop_name: elements/rich-text
markdown: >-
This is the second column with lots and lots and lots and lots
of text
It event has multiple paragraphs! That's a lot of text.
options:
align: null
decoration: null
margin:
top: null
bottom: null
size: null
options:
max_content_width: null
margin:
top: null
bottom: null
shape:
type: rounded
size: null
reverse: false
padding:
vertical: m
horizontal: m
background:
color: subtle
scheme: null
shadow: null
transforms:
scale: null
translate_x: null
translate_y: null
blur: null
opacity: null
image:
src: null
alt: null
options:
opacity: null
rounded: null
horizontal_position: null
vertical_position: null
above_background: null
repeat: false
fixed: null
fit: cover
border:
width: null
color: null
type: null
gap: null
reverse: null
alignment:
horizontal: center
vertical: top
- content_blocks:
- _bookshop_name: layouts/section
label: null
link: null
content_blocks:
- _bookshop_name: elements/heading
inline_markdown: Column C
level: h2
options:
size: null
weight: null
case: null
decoration: null
margin:
top: null
bottom: null
align: start
icon:
alt: null
name: null
options:
color: null
background: null
position: null
- _bookshop_name: elements/rich-text
markdown: >-
This is the third column with a bit more text than the first
column, but certainly less the the second one.
options:
align: null
decoration: null
margin:
top: null
bottom: null
size: null
options:
max_content_width: null
margin:
top: null
bottom: null
shape:
type: rounded
size: null
reverse: false
padding:
vertical: m
horizontal: m
background:
color: subtle
scheme: null
shadow: null
transforms:
scale: null
translate_x: null
translate_y: null
blur: null
opacity: null
image:
src: null
alt: null
options:
opacity: null
rounded: null
horizontal_position: null
vertical_position: null
above_background: null
repeat: false
fixed: null
fit: cover
border:
width: null
color: null
type: null
gap: null
reverse: null
alignment:
horizontal: center
vertical: top
options:
max_column_width: 250
min_column_width: 250
gap: s
position: between
margin:
top: null
bottom: null
row_alignment: start
---
{% bookshop "{{block._bookshop_name}}" bind: block %}