Добрый день уважаемый, вот прохожу данный курс, возник вопрос. Почему не получатся для
.element–4 {
grid-column: 1 / 2;
grid-row: 2 / -1;
}
Почему обязательно надо писать
.element–4 {
grid-column: 1 / 2;
grid-row: 2 / 4;
}
? Почему нельзя сказать грид элементу растягивайся от 2 и до низу экрана ? Это только в этой песочнице или по документации запрещено ?
Обе записи работают одинаково. Покажите весь код, пожалуйста.
.land {
display: grid;
width: 540px;
grid-gap: 20px;
grid-template-columns: 120px 120px 120px 120px;
}
.element–1 {
grid-column: 1 / 3 ;
}
.element–2 {
grid-column: 3 / 4;
grid-row: 2 / 4 ;
}
.element–3 {
grid-column: 4 / 5;
grid-row: 1 / 3;
}
.element–4 {
grid-column: 1 / 2;
grid-row: 2 / -1;
}
Собственно так, почему-то не выстраивается оно как в приведенном варианте. Но поскольку моих знаний не достаточно, решил спросить, почему не срабатывает ?
А еще 4 элемента, с 5 по 8 где?
Форматируйте код перед отправкой сообщения. Система заменяет два дефиса на одно тире. Вручную править не очень удобно.
1 лайк
Про дефисы не знал, а другие элементы там не нужны. Они и в раскладке задания конкурса не указаны, и без них работает. (Собственно 100% я за конкурс взял, но как написано в первом посту, понимания не пришло )
Разве работает? Ваш код 100% не дает, по крайнем мере в том варианте, который здесь показан.
upd: странное задание конечно. Если вместо grid-template-columns написать grid-template-rows, то можно оставить grid-row: 2 / -1; для четвертого элемента…