Не работает justify-content: center;

Question

Не работает justify-content: center;

Денис Семик Ученик (150), на голосовании 8 месяцев назад

Сделал Грид, пытаюсь выровнять через justify-content: center; но блоки стоят на месте

HTML

CSS

 .item { 
	padding: 10px; 
	border: 1px solid black; 
} 
 
.mainpage { 
	position: absolute; 
	top: 150px; 
} 
 
.container { 
	display: grid; 
	grid-template-columns: 300px 300px 300px 300px; 
	grid-template-rows: 450px; 
 
	grid-gap: 10px; 
	grid-auto-rows: minmax(100px, auto); 
	justify-content: center; 
} 
.item_1 { 
	grid-column: 1/5; 
} 
.item_2 { 
	grid-row: 2/5; 
} 
 
.item_3 { 
	grid-row: 2/5; 
} 
 
.item_4 { 
	grid-row: 2/5; 
} 
 
.item_5 { 
	grid-row: 2/5; 
}

Answer 1

Оно и так на всю возможную ширину растягивается и по сути центрируется. Если тебе нужно, чтобы цифра была посередине своей колонки, то колонке прописывай флекс и центрируй как хочешь