Fine Tuning

In Grid, there are two alignment levels: cells inside the grid, and content inside cells.

1. Content inside cell:

• justify-items: left/right inside the cell.
• align-items: up/down inside the cell.
• place-items: both at once.

2. Grid inside container:

If your grid (e.g., 200px + 200px) is smaller than the screen itself, you can move the ENTIRE grid as a whole piece:

• justify-content: push grid to screen edge or center.