<form>
<label for="">label</label>
<select name="" id=""></select>
<label for="">label</label>
<select name="" id=""></select>
</form>form {
display: grid;
grid-template-columns: min-content 1fr;
gap: 1em;
}grid-column: 1/-1;
Пробовал указать для cards inline-flex, все равно занимает столько же блочного места.
grid-template-columns: repeat(3, 1fr). Либо вариации с min-content или min-max.
@media. Вот и пишите разные стили для разных вьюпортов.
с чего вы взяли что делая макет 1440, а не 1920 = не качество ?
Если я куплю монитор, буду профи ?)
фак логик
о чём вообще можно с вами спорить, если у вас у обоих акцент на верстку,
Вообще вы как из олдов должны больше всех понимать что раньше так и верстали, без доп монитора. В 2 направления, вверх и в низ, да даже и сейчас так верстают, вы что думаете я один такой перец ? не смешите
нахер он мне сдался если я регулярно ей не занимаюсь
делать 1920 потому что у како-то конкретного верстальщика моник 1920 ?
если у вас там бывает так что делают аж 5-6 размеров
поверьте вам крупно повезло
Можете посоветовать ресурсы, видео и/или статьи, где мой вопрос описан максимально подробно и по делу?
Понимать возможные размеры экранов
.txt не вылезет. Хотя внимательность в любом случае нельзя выключать.
А что мне делать если вы не говорите как это сделать.
код который расширит красный див на всю высоту body, розовый див растягивает body больше вьюпорта а красный див не растягивается на всю высоту розового дива и body.
Можете дать код который...
Просто очень срочно надо но ничего не получается
Мне надо растянуть красный div на всю высоту скролла body
Это сделано для того чтобы в ios не было сильного скролла за пределлы бавузера
Это какая-то странная фраза.
1. Элементы имеющие абсолютное, или фиксированное позиционирование, прямые дети флексов и гридов не могут быть инлайновыми или инлайн-блочными, они всегда будут переходить в блочную ипостась.
2. Дочерние элементы флексов по умолчанию пытаются сжать свой размер вдоль главной оси. Так что и так в некотором роде имитируют инлайн-блочность (только ещё направление оси влияет на результат, а также особенности поведения текста)
3. Меню верстается тегами nav и внутри ul.
4. Списки делается тегами ul или ol.
5. Картинки не имеющие смысловой нагрузки либо скрывают от скринридеров либо убирают в стили (фоны, псевдоэлементы)
6. Заголовки делаются тегами h1-h6 (это единственное, что упомянуто в ответе от alexprime96 про важность семантики). Для простого текста теги p.
7. header, main, footer, section и т.д.
8. Обобщу: div и span, по спецификации, используются только тогда, когда нет других, подходящих по смыслу тегов.