Как в сетке greed задать масштабирование изображения по высоте родительского элемента?

Soul1, с чего бы им начать делать это одновременно, если вертикальные продолжают помещаться в высоту, а горизонтальные нет?
Т.е. нужно либо изменить логику ширины (делать колонки не одной ширины, а по содержимому) либо сменить object-fit либо смириться либо разобраться с этим:

высота только на старте равна

.

Что должно происходить с высотой? Как она должна адаптироваться?

Чтобы самому стало понятнее, нарисуйте как должно выглядеть при разной ширине вьюпорта.

Как в flex сделать при срабатывании wrap ширину дочерних элементов 100%?

flex-grow

Как мне сделать такую же форму, как на этой картинке для сортировки зданий?

Михаил Flat, расскажу о :has, который вот-вот ;)

Поэтому спуститесь с пьедестала отличника и подумайте о всех ситуациях.

Без понятия как там, никогда не была отличницей.

Повторю еще раз: ради бога, можно использовать костыли сознательно, понимая чем это может быть чревато.
Нельзя выдавать это новичкам как первый и единственный совет. Тем более, когда в костыле вообще нет необходимости.

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

Приходят такие на собеседование, начинаешь спрашивать почему так написал инпуты, откуда и почему у них псевдо и другие варианты решения. А они такие "мама сказала в бидоне..."

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

Как в сетке greed задать масштабирование изображения по высоте родительского элемента?

Оберните каждую картинку в div или figure.
Им задавайте размеры (гридом или размерами самим оберткам, главное без противоречий).
А уже потом указывайте картинкам contain или cover и размеры.

p.s. Нет смысла в такой вложенности селекторов .persons-left-box .person_main_box .person-img.
Достаточно просто .person-img {}.
Не стреляйте сами себе в ногу.

Как при верстке правильно отображается мобильная верстка?

Загуглил сколько разрешение у айфона 13 и оказалось что 2532×1170

Только это не размер вьюпорта.
https://www.esolutions.se/en/test

Как мне сделать такую же форму, как на этой картинке для сортировки зданий?

Михаил Flat, в дырявых носках тоже можно ходить. Если вы сознательно именно так себя позиционируете, воля ваша.

Аргументы писала для новичков, которые не отличают хорошие практики от плохих.

Как сделать данный градиент?

Как сделать данный градиент?

Загуглить "css радиальный градиент" и сделать.

Альтернатива: сохранить как png.
Вариант сохранить как svg был бы не плох, если бы браузеры не скопычивались на нем. Особенно, если таких их много.

Как на адаптиве сделать position: sticky?

Задать display: contents для block__aside-wrap и block

Как убедить клиента-директора не замыкать звонки с сайта на себя?

Александр Камолов,

Как его убедить это процесс ускорить. Чтобы он хотя бы раз в день отвечал на заявки

Думаете, можно сделать человека счастливым насильно?

Как убедить клиента-директора не замыкать звонки с сайта на себя?

Секретаря нет, денег на аутсорс колл-центра нет.

А что есть?

Как максиально просто сделать такой обрывистый border у button?

Если фон непрозрачный, то наложить поверх псевдо с гардиентиком цвета фона.

Как сделать автоматическое обновление кода на хостинге из GitHub?

Тут прекрасно всё рассказано https://www.youtube.com/watch?v=hevU4NdIsoU

Как элементы с навигации переместить в бургер?

12Vadim12, желательно избежать дублирования в разметке. Тут вроде дублируется только кнопка, разделяется на две: открыть и закрыть. И логотип.
Но это не страшно, потому что есть момент когда они должны быть показаны одновременно.

Как организовать Layout и ограниченные контейнеры внутри?

<div class="item container">1000</div>
<div class="item container">1000</div>
<div class="item">full</div>
<div class="item container">1000</div>
<div class="item container">1000</div>

Верстка слайдера. Как добавить стрелки переключения и ф-цию radio запихнуть внутрь слайдера?

А еще у меня есть строчка "АЗБУКА КОЛБАС И ДЕЛИКАТЕСОВ" и я очень криво воткнул ее в середину( вы поймете))) )

Чтобы мы поняли, сделайте песочницу на codepen.io
Рендерить всё это в голове не очень удобно и не очень хочется.

подскажите пожалуйста как создать слайдеру стрелки

Если продолжать извращаться, то в каждый слайд по лейблу, по тому же принципу, что и точки.

и перенести radio внутрь слайдера

Гридами (лучше) или абсолютным позиционированием (хуже).

А еще подскажите могу ли я сделать так чтоб картинки переключались автоматически без JS и если да, то как?

В теории вы можете вычислить и задать им keyframes.
С одним нюансом, чекнутым останется тот, который был вначале.

Делать слайдеры на CSS полезно для изучения работы соседних селекторов и т.д. Но нормально делать их на JS Возьмите готовый Swiper.js или любой другой, какой понравится.

Как сделать логотип, выходящий за пределы header на половину?

Задайте отрицательный margin на половину логотипа.
Не нужен там абсолют.

Как заставить float-left реагировать только на соседний div?

Гуглить clearfix.

Как грамотно адаптировать данный блок?

Вы прибили кривулину на фикс расстоянии, а нужно использовать относительные единицы измерения, calc, clamp (или min, max) и т.д.
При этом, для позиционирования удобно плясать от центра.

Аналогичная задача https://codepen.io/AnnaSummer/pen/QWQOvzy

p.s. еще можно извратиться градиентиками (нужно довести до ума сглаживание)
https://codepen.io/AnnaSummer/pen/xxzrajW

Почему не скроллится модальное окно?

BGabdushev, мне, к сожалению, не видно как вы пробовали.

Единственный комментарий, который можно вам выдать:
Обычно, чтобы работал скролл, должна быть задана высота или максимальная высота. И она должна быть меньше вьюпорта, чтобы это как-то прилично выглядело.

Как элементы с навигации переместить в бургер?

Вам может помочь:
- position fixed (sticky)
- гриды, флексы и их order
- display: contents
- display: none