Specification test cases
The test cases below are imported from the Turbo CSS specification.
They have been executed upon loading this page.
Place rows at the start.
t1 align-content-start
.t1.align-content-start {
align-content: flex-start;
}
Place rows at the center.
t1 align-content-center
.t1.align-content-center {
align-content: center;
}
Place rows at the end.
t1 align-content-end
.t1.align-content-end {
align-content: flex-end;
}
Distribute space between the rows.
t1 align-content-between
.t1.align-content-between {
align-content: space-between;
}
Distribute space around the rows.
t1 align-content-around
.t1.align-content-around {
align-content: space-around;
}
Distribute space evenly around and between the rows.
t1 align-content-evenly
.t1.align-content-evenly {
align-content: space-evenly;
}