Вопросы о ширине предмета сеткиHtml

Программисты Html
Ответить
Anonymous
 Вопросы о ширине предмета сетки

Сообщение Anonymous »

Как позволить ширине 4 выглядеть как 1 + 2 не сейчас < /p>
, потому что то же самое делится на три части, но выглядит иначе! Почему?

Код: Выделить всё

.grid-container {
display: grid;
grid-template-rows: 6fr 4fr;
grid-gap: 10px;
background-color: #2196F3;
padding: 10px;
}

.grid-row-1 {
display: grid;
gap: 20px;
grid-template-columns: 1fr 1fr 2fr;
}

.grid-row-2 {
display: grid;
gap: 20px;
grid-template-columns: 2fr 1fr 1fr;
}

.grid-row-1>div,
.grid-row-2>div {
background-color: rgba(255, 255, 255, 0.8);
border: 1px solid black;
text-align: center;
font-size: 30px;
}< /code>


1
2
3


4
5
6





Подробнее здесь: https://stackoverflow.com/questions/796 ... item-width
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «Html»