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

проблема может быть
1)в дизайне или в коде нафигачено такого, что проще отдельно - например, вложили на десктопе так, что на мобильной потом уже и не вытащищь куда надо.
2) если дизайн постоянно меняется - тогда точно проще делать отдельно.
3) Или если сделано на абы как - тогда тоже проще отдельно.

а в остальном, если сам делаешь то проблемы нет, все верстается нормально. все лишнее десктопное (кроме названия пункта) заворачиваешь в враппер и скрываешь

Как изменить размер кнопки в внешнем iframe?

никак, если iframe с другого сервера

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

для сафари flex-shrink:0 для всех детей еще

Как прописать проверку активен ли элемент с помощью id?

Kardamon_mchl, а чего смешивать нельзя? можно.

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

если коротко, количество оберток зависит от решаемой задачи, вашего стиля кода и к читаемости
понятно что список хорошо, но без оберток часто никак

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

неясно о чем вопрос - про весь выделенный синим блок?
или про его детей?
или хотите чтоб "москитые сетки" чтобы шли сразу после роллет?

если последнее, то можно флоатах сделать, раскидывая left-right поочередно

Как прописать проверку активен ли элемент с помощью id?

Kardamon_mchl, вся эта портянка не нужна для вопроса, упрощайте код (для локализации проблемы):

<div id="step-3">
<input type="button" value="К предыдущему шагу" class="order__form-btn prev-button">
</div>

А теперь к вопросу

"И вот мне нужно прописать функцию проверки, когда у третьего шага есть класс active"

Проверки чего? В какой момент? При нажати на кнопку?

Ну и если пишите на JS чистом то там hasClassнет

Какие свойства можно использовать для получение такой вёрстки?

масса способов. начиная с таблиц

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

странно у меня такое не компилится, переписал с $ и без точки

.block {
	$e : &;
	&__element:hover {
		#{$e}__element-sub {
			color: red;
		}
	}
}

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

некорректное название задачи, имхо.
что вы хотите сделать? сверстать так, чтобы на мониоре люого размера выглядело как на картинке? текст слева, 4 картинки справа?

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

Как прописать проверку активен ли элемент с помощью id?

так вы определитесь, на JS или JQUERY пишите?
а событие change у простого блока (я так понял это див) тоже нет.
код в студию, вобщем

Как рассчитать норму количества багов на проект?

напомнило задачки на курсе по экологии... типа "посчитать сколько такого-то вещества еще можно влить в речку чтобы не превысить ПДК" :(

Как платить налоги с фриланса? ИП или самозанятость?

boss_lexa, спасибо, ушел изучать!

upd:
похоже, то что нужно - это непубличная оферта.
забавно что в большинстве статей под "офертой" понимают именно публичную, из-за чего много путаницы. Но уже прогресс, отлично!

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

Сергей Кореневский, про опыт я все понял. все понял. Чем чекбокс не устраивает, не понял. В условиях вашей задачи речи про него не было. Удачи.

Webpack + Бэм + Sass переменные и миксины. Как собрать проект?

все верно, @import достаточно в основном scss файле. более того, там даже расширений указывать не надо - зацепит и scss и css файлы.

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

что такое "тег в виде кнопки" ?!

Как исправить косяк в коде, текст накладывается на другой пункт меню?

такое по картинкам не решается, нужен доступ к коду.

Как правильно сверстать эти части макета?

слайдер огонь...

Как не применять свойства css родительского блока к дочернему?

вообще гоовря не так уж много свойств наследуется
- что именно наследуется у вас?
- а что мешает?

Как не применять свойства css родительского блока к дочернему?

вообще гоовря не так уж много свойств наследуется
- что именно наследуется у вас?
- а что мешает?