Елена

// Contact Form 7 remove auto added p tags
add_filter('wpcf7_autop_or_not', '__return_false');

вот этот вроде норм может:
https://alvarotrigo.com/pagePiling/

зыж делал в итоге на жейкверьном https://github.com/trgraglia/jquery.horizonScroll.js/

Когда придраться не к чему, а очень хочется — начинается pixel hunting… И это тот самый неловкий момент, когда верстальщик начинает помышлять о суициде.

У первого варианта преимущество - группировка классов по медиа-запросам (устройствам), а не смешивание всё в одну кашу.

Тестовые задания надо выполнять. Я часть заданий выполняю, часть у меня получается говнокод и понимаешь, что ты еще не дорос до нужного уровня. Поэтому выполняй, даже если будет не правильно. Так ты будешь понимать свои собственные силы. И будет видно - думаешь ты или просто так ерундой страдаешь.
Вот я чистой воды говнокодер. Работаю на разовых подработках, на хорошую работу постоянно пытаюсь попасть, но не тяну с уровнем. Прокачиваюсь с каждым разом :))) Иногда просто просят пофрилансить. Дерзай.

Поправил, для случая, когда tvPrefix = ''

<div class="section-5_content-wrap">
	<div class="section-5_content flex">
		{if $avto_slide}
			<div class="section-5_slider-wrap">
				<div id="section-5_slider" class="owl-carousel">
					{set $rows = $avto_slide | json_decode}
					{foreach $rows as $row}
						<picture class="section-5_img">
							<img src="{$row.avto_img}" alt="{$row.avto_title}">
						</picture>
					{/foreach}
				</div>
				<div class="section-5_slider_dots flex"></div>
			</div>
		{/if}
		<div class="section-5_text">
			<p class="section-5_text-title">Характеристика<br>
				авто</p>
		   {$char_avto}
		</div>
	</div>
	<div class="section-btn">
		<button class="btn-order" onclick="location.href='{16 | url}'">Забронировать авто</button>
	</div>
</div>

Привет, если хочешь испытать полный спектр ощущений от фриланса - обязательно выполняй подобные проекты, в противном же случае можно потратить свое время более достойно, чем пытаться построить отношения с неадекватным заказчиком. Как правило даже если ты выполнишь все его требования идеально, на дистанции все равно останешься в проигрыше и потратишь время и нервы, но зато в будущем научишься более грамотно фильтровать адекватных людей)

Верстаю часто, верстаю много (дизайнерю тоже, но чуть меньше). 7 лет занимаюсь этим. Работал и с table-вёрсткой, и все косяки float, inline-block и тп уже давно знал, хотя и не считал это всё косяками, а воспринимал как должное. Надеюсь, кому-то помогу своим опытом (не только техническая сторона)

1. Необходимо чётко узнать требования по проекту (будет ли он адаптивным, подразумеваются ли на нём какие-либо динамические блоки и тд и тп)
2. Если проект - ленд на 12 экранов и за него платят 2000 рублей - заказчика вежливо отправляю куда-нибудь по-дальше, чтоб хотя бы денег накопил и совести набрался.
3. Смотрю на дизайн (в основном достаточно быстро, минут за 10) для того, чтоб понять, какие элементы реально сделать, а какие нет (смотря какие условия опять же, явно все тутошние читатели знают про адаптивку). Если что-то unreal - чётко расписываю заказчику что не реально и почему, если контактирую с дизайнером и есть относительная свобода - прошу перерисовать конкретные элементы.
4. Открываю ФШ и начинаю приводить в порядок все слои (с режимами наложения, с составными фонами для 1 блока и тд и тп). Если есть режим наложения на какой-то элемент (обычно Умножение чтоб не было видно белого фона) - топаем к дизайнеру и начинаем ему выносить мозг если изображение сложное (если нет - сам вырежу, если есть подобное в интернете - нахожу png и далее...) Все слои для блока конкретного сливаю воедино, тогда и макет меньше весит и вырезать проще будет (конечно зависит от ТЗ всё, мож там где-то параллакс и надо двигать туда-сюда всё)
5. "Обрезанный" psd ложу на Creative Clound
6. Пока всё это дело заливается - запускаю Brackets и пишу весь необходимый html вместе с текстом.
7. Залился psd, а html уже написан. Топаем в css, открываем Extract и понеслась по стилям гонка
8. Проверка на адаптивность и кроссбраузерность
9. Продакшн

P.S. Стараюсь всегда минифицировать html и css. Если есть хоть чем-то одинаковые блоки на страницах - один класс для них и только отталкиваясь от расположения меняем их. Напимер: .btn с градиентом, тенью, цветом и смещением текста, а также :hover пишу всё ближе к началу css дока, а дальше если кнопка где-то больше по отступам либо по шрифту: nav .btn {необходимые отступы}
P.P.S. 100% комментарии. Чаще всего в css.

Пожалуй, всё.

Создаю минимальную разметку с базовыми элементами и пишу для них CSS.
Потом добавляю в разметку остальные элементы и пишу CSS.
И так далее.