Спасибо всем за советы, буду ковыряться

nodejs уже тогда)

если у тебя неизвестное количество элементов, то тебе нужно только указывать размер колонок и строк, без grid-areas

Взгляни на лейаут. Там элементы занимают несколько грид ячеек. Я не смогу задать такое поведение. Мне придется это все вручную прописывать для каждого из вариантов лейаута, в зависимости от количества элементов

на дочерние элементы вешаешь модификатор, которому задаешь нужный размер через span

типа grid-template-row-end: span 2

А можешь пожалуйста на кодпэне показать?
Так вот, чтобы я добавил / убрал элемент, и у меня лейаут при этом не зашакалился

я там свойство закомментил, которое пропуски затыкает

Ага, кажись понял, спасибо
Span 2 буквально значит растянуть элемент на две grid ячейки? Обычно просто писал grid-row: 1/2

да

Привет всем. Посмотрел тут верстку одного блогера на ютубе и возник такой вопрос: разве можно задавать высоту элемента только падингами без указания height? (например посмотрите в хедере) есть тут какие то подводные?
Просто в  курсах верстки от html academy всегда говорилось что нужно указывать в css значение height?
https://yuralinkev1ch.github.io/bootstrap-project/
И еще вопрос: нормальной практикой считается задавать всем элементам box-sizing: border-box или так лучше не делать?

как сделать выход анимации auth-sidebar не с права на лево а напримерпо 45 градусов?

transition: ...

сверху в низ

как селект типа

> всегда говорилось что нужно указывать в css значение height
Это где там такое?

Если, например, в кнопке ты укажешь значение height, а текста в ней будет много, то он выйдет за пределы кнопки. Поэтому высота там задаётся при помощи паддингов или интерлиньяжа

Нужна помощь
1) расположить меню по ширене блока
В лс
Оплата 100р