Lord_Dantes

Обычно использую затемнение в качестве выделения меню, я так делаю по крайней мере. И далее уже затемнение выставляем допустим з-индекс 100 а меню з-индекс 200. И делаем клик на затемнение и убираем меню и все.

Как указал автор выше, делаю я по такому же алгоритму.
*стили*
*стили до 767*
*стили до 992*
*стили до 1200*
и все
Именно в таком же порядке ибо, изменить иерархию и все хана кароче

Знаю человека продает возможно то что вам нужно, сам не раз покупал готовые продукты.
Вот его телеграм: @evgeniymoiseew

Ну прост тип круто когда у тебя свой почтовик, у каждого есть свой маленький gmail))

Я бы сверстал это так.
Родитель у которого есть 2 дочерних блока, родителю даем флекс и space-between. Дочерним даем макс ширину которую вы указали, и ширину 100 процентов. Первому дочернему даем флекс-direction: колона, второму также.
и дальше сами

p.s а чтобы выровнять align-items: flex-start; потому-что видно что блоки по верху отцентрированные

Поставьте всем формам outline: 0

Вставляйте в переменную JS шорткод формы и потом уже выводите его,  а не в переменную php

Если правильно вас понял то, я юзаю это.

<?php
			$term = $wp_query->queried_object;
			$getterm = $term->slug; // get current slug (E.g. activity_running)
			$posts = get_posts(array(
				"post_type" => "posttype",
				'tax_query' => array(
					array(
						'taxonomy' => 'taxonomies,
						'field' => 'slug',
						'terms' => $getterm,
						'include_children' => true,
						'operator' => 'IN'
					),
				),
				"numberposts" => "-1",
				'post_status' => 'publish',
				'order' => 'DESC',
			));

			?>
				<?php
				foreach ($posts as $post){
					setup_postdata($post);

					?>
html
<?php

			}
			wp_reset_postdata();
			?>

Оберните изображение в ссылку и ссылке дайте путь изображения.

Возьмите ваше заглавие и инпут в label и label'у дайте display: flex;

Разрешаю, делайте.

3) Вариант - реализовать все через Advanced Custom Fields, можно, но опять же слишком много получится полей, не уверен что будет в конечном счете удобно.

Как раз будет удобно.

Предполагаю что нужно сделать простой квадрат\фигуру с округленными боками и псевдо-элементом(-тами) сделать уже сам угол.

По сути так и работает, если есть что скроллить оно будет скроллить. А к карусели обращайтесь в документацию или свой код заливайте на кодпен

Сохраняются ли пропорции при object-fit: cover?

Работает приблизительно как background-size: cover;

Чтобы сохранить все пропорции юзайте object-fit: contain;