Использование свойства justify-content в Grid отличается от обычного блочного выравнивания тем, что justify-content выравнивает содержимое контейнера сетки целиком по оси строки или главной оси, а обычное блочное выравнивание осуществляется с помощью свойств, связанных с осью блока (например, align-content). 12

justify-content используется, когда дорожки сетки занимают меньше места, чем их контейнер. 1 Это может произойти, если размер дорожки задан в абсолютных единицах (например, пикселях), а контейнер сетки занимает больше места, чем все дорожки вместе взятые. 1

align-content, в свою очередь, применяется, когда нужно выровнять группы по блочной оси, то есть ряды сетки. 2

Таким образом, justify-content ориентирован на выравнивание колонок, а align-content — строк сетки. 4