The inline axis runs in the direction that words flow in the current writing mode. In English and Arabic, that means horizontally. In CSS Grid, it is also the row axis—the direction content travels across a grid row. section 13.9
The block axis sits perpendicular to it and is also called the column axis. Once you know which way the inline axis points, grid alignment stops feeling like spatial guesswork. section 13.9
Aligning along the inline axis
To position grid items across their rows, use justify-content on the grid container. Values such as start, end, center, stretch, space-between, space-around, and space-evenly control the arrangement. section 13.9
container {
display: grid;
justify-content: start|end|center|stretch|space-between|space-around|space-evenly;
}
Try each justify-content value to see how grid rows distribute their items along the inline axis. section 13.9
