The Blog posts element lays out in three ways. Same posts, same settings, three answers.
List
One post to a line, with its picture beside the words.
Hello world!
Welcome to WordPress. This is your first post. Edit or delete it, then start writing!
Working in the dark
How a studio builds when the brief is a feeling rather than a specification.
One grid, every screen
A layout that answers the window it is in, rather than three layouts pretending to be one.
Type that carries a page
Choosing a face, a scale and a rhythm, and then leaving them alone.
Motion with a reason
Every movement on a page should be answering something the visitor just did.
The weight of a photograph
What a picture is doing on a page, and what it costs to put it there.
Grid
Equal cards in even columns, every one the same height.
Hello world!
Welcome to WordPress. This is your first post. Edit or delete it, then start writing!
Working in the dark
How a studio builds when the brief is a feeling rather than a specification.
One grid, every screen
A layout that answers the window it is in, rather than three layouts pretending to be one.
Type that carries a page
Choosing a face, a scale and a rhythm, and then leaving them alone.
Motion with a reason
Every movement on a page should be answering something the visitor just did.
The weight of a photograph
What a picture is doing on a page, and what it costs to put it there.
Masonry
Columns that pack, so a tall card does not leave a hole beside it.
Hello world!
Welcome to WordPress. This is your first post. Edit or delete it, then start writing!
Working in the dark
How a studio builds when the brief is a feeling rather than a specification.
One grid, every screen
A layout that answers the window it is in, rather than three layouts pretending to be one.
Type that carries a page
Choosing a face, a scale and a rhythm, and then leaving them alone.
Motion with a reason
Every movement on a page should be answering something the visitor just did.
The weight of a photograph
What a picture is doing on a page, and what it costs to put it there.
Cards
The same grid, with every post standing on something of its own.
Hello world!
Welcome to WordPress. This is your first post. Edit or delete it, then start writing!
Working in the dark
How a studio builds when the brief is a feeling rather than a specification.
One grid, every screen
A layout that answers the window it is in, rather than three layouts pretending to be one.
Type that carries a page
Choosing a face, a scale and a rhythm, and then leaving them alone.
Motion with a reason
Every movement on a page should be answering something the visitor just did.
The weight of a photograph
What a picture is doing on a page, and what it costs to put it there.
Bento
Uneven, so the block opens on one picture rather than a tidy row.
Hello world!
Welcome to WordPress. This is your first post. Edit or delete it, then start writing!
Working in the dark
How a studio builds when the brief is a feeling rather than a specification.
One grid, every screen
A layout that answers the window it is in, rather than three layouts pretending to be one.
Type that carries a page
Choosing a face, a scale and a rhythm, and then leaving them alone.
Motion with a reason
Every movement on a page should be answering something the visitor just did.
The weight of a photograph
What a picture is doing on a page, and what it costs to put it there.
Horizontal
One row that scrolls sideways, snapping from card to card.
Hello world!
Welcome to WordPress. This is your first post. Edit or delete it, then start writing!
Working in the dark
How a studio builds when the brief is a feeling rather than a specification.
One grid, every screen
A layout that answers the window it is in, rather than three layouts pretending to be one.
Type that carries a page
Choosing a face, a scale and a rhythm, and then leaving them alone.
Motion with a reason
Every movement on a page should be answering something the visitor just did.
The weight of a photograph
What a picture is doing on a page, and what it costs to put it there.