The block axis is the CSS layout axis perpendicular to the inline axis. In English and Arabic, the inline axis runs horizontally, so the block axis runs vertically. Because content flows down a grid column, it is also called the column axis. section 13.9
A grid’s vertical direction
Picture a grid with words running left to right across each row. The direction those rows stack—up and down through the columns—is the block axis. CSS Grid alignment can work along this axis or along the inline, row axis. section 13.9
container {
display: grid;
align-content: start|end|center|stretch|space-between|space-around|space-evenly;
}
Use align-content to position grid rows along the block, or column, axis within the grid container. section 13.9
