Mail.ruПочтаМой МирОдноклассникиВКонтактеИгрыЗнакомстваНовостиКалендарьОблакоЗаметкиВсе проекты

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

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


HTML
 


1

2

3

4

5



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;
}
Голосование за лучший ответ
Semen Kapacuk Гуру (2872) 1 месяц назад
Оно и так на всю возможную ширину растягивается и по сути центрируется. Если тебе нужно, чтобы цифра была посередине своей колонки, то колонке прописывай флекс и центрируй как хочешь
Похожие вопросы