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

Как-то так https://codepen.io/AnnaSummer/pen/MWVBpXX

Как высчитать высоту от некой точки до низа экрана?

Суммарно 100vh
Внутри гридами и overflow вашему контейнеру.

Минимальная высота и ширина сайта как сделать?

ehoboli,

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

Вы его уже прибили с помощью fixed и он навсегда там и останется.
Вычисленный размер будет зависеть от meta viewport.

Как сделать adapteveValue миксин?

LastT, так clamp и единицы vw вам помогут без миксина.

Минимальная высота и ширина сайта как сделать?

ehoboli, ох, беда

Ну вы подумайте. Какая ширина мобилок? Ваш левый баннер имеет ширину 330.
Как вы видите ситуацию, что он слева, а всё остальное справа?

Как сделать adapteveValue миксин?

Что именно вы делали и что не получилось.?

А так что именно нужно сделать? Как они должны адаптироваться.

Например, clamp работает без всяких миксинов.

Минимальная высота и ширина сайта как сделать?

Вы написали, что ваш вьюпорт нужно считать как 600

<meta name="viewport" content="width=600, initial-scale=1">

И еще написали min-width: 1518px; для body.

Как по-вашему, разместить 1518 точек в 600-ах?
Правильно, ужать все больше чем в 2,5 раза.

Т.е. либо во вьюпорте нужно написать 1518, либо мин ширину 600 (и перестроить что там не влезает).

А еще лучше, всё таки сделать нормальный адаптивный сайт с

<meta name="viewport" content="width=device-width, initial-scale=1">

Это вам в помощь для футера по низу страницы и вообще для размышлений https://codepen.io/AnnaSummer/pen/gOvbEdB

Как динамически изменить отступ?

dhelfy, потому что тогда он считает от body. Или ближайшего не статика.
Хотя бы самые основы позиционирования почитайте.

Как динамически изменить отступ?

dhelfy, сложно сказать куда он ползет
у меня никуда никто не ползет https://codepen.io/AnnaSummer/pen/poLZvVV

Можно ли здесь избавиться от блока?

cssfish, ну да, быстро писала и написала немножко не так.
Спасибо, исправила.

Background не применяется вокруг иконок, что я сделал не правильно?

А должен быть:
.finish .finish_wrapper finish_item .finish_round

Неа

Должен быть
.finish_round

stasN1, вам же будет проще, если вложенность будет ограничена двумя-тремя уровнями, а лучше вообще без неё.

Как выровнять текст посередине рамки?

то надпись становится слева, а не по середине бордера.

Дело в том, что border это граница.
И ваша фраза начинает звучать очень странно.

На скрине это больше похоже на фон.

Ещё я подозреваю, что текст был сразу слева, только видно это стало, только когда появился доп цвет.

Вам вот сюда https://doka.guide/css/
в работу с текстом, блочную модель документа, флексы, гриды и т.д.

Как отменить одинаковую высоту у блоков в display grid?

Сергей delphinpro, да, я тоже мечтаю

Как отменить одинаковую высоту у блоков в display grid?

Дмитрий, очень даже то, если рассматривать чистый css. Гридами просто так это не решается.
Только с помощью js. Либо классическим плагином Masonry либо его аналогами (есть отдельно и для гридов).

Как отменить одинаковую высоту у блоков в display grid?

Вам же в предыдущем вопросе написали про columns.

Как вложить в тег li изображения и еще список и подзаголовок?

Выбор тегов определяется семантикой.
Тег div используется только тогда, когда нет никакого другого, более подходящего.

Внутренний список, заголовок, картинка вкладываются в li точно также как в div.
Не очень понятно в чем у вас проблема.

Не забывайте проверять код валидатором, чтобы проверить, правильно ли вы все написали.

Можно ли позиционировать один див класс на нескольких точках местах?

Muslim Mamaev, что вы подразумеваете под словом "позиционировать"?
Но в любом случае вам нужно сделать три div с одинаковыми или разными классами или с дом классами-модификаторами (это зависит от вашего ответа на вопрос выше).

Если вам нужны три блока, то с помощью одного вы их вряд ли сделаете.
Но мы не видим всю задачу и, возможно, вы странно её сформулировали и ответ может оказаться другим.

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

Илья Петров, чтобы не размывалась подбирайте разницу между точками перехода градиента. Так чтобы не было ни зазубрин и сильного размытия.
Правда, на разных экранах/видяшках и т.д. всё равно может быть по-разному.

Как расположить блоки в цикле таким образом через счетчик?

Можно вопрос: зачем это делать в разметке? Если за внешних вид отвечает css.
Например, гридами.

Каковы best practices при вёрстке мега меню и мобильного меню без дублирования кода?

Применить те же стили, которые для мобильного через media для одного куска кода.
Дублировать могут потому что не могут перенести/спозиционировать его в нужное место на мобилках.
Тут нужно смотреть конкретные макеты и придумывать как сделать без дублирования.

В любом случае можно переместить на JS без дублирования.