approximate solution

Этих причин кому-то достаточно. Но всё равно iframe юзают, и довольно часто.

Reason #1. Iframes Bring Security Risks

If you create an iframe, your site becomes vulnerable to cross-site attacks.

You may get a submittable malicious web form, phishing your users' personal data.
A malicious user can run a plug-in.
A malicious user can change the source site URL.
A malicious user can hijack your users' clicks.
A malicious user can hijack your users' keystrokes.

Don't put your visitors at risk to the XSS attacks.

Reason #2. Iframe Cause Usability Issues

The iframe tag is notorious for creating usability annoyances. Among most common of them are:

It tends to break the browsers' "Back" button.
It confuses visually impaired visitors, using screen readers.
It confuses users, suddenly opening the iframe content in a new browser window.
Content within the iframe doesn't fit in and looks odd.
Content within the iframe is missing since the source URL changed.
Navigation of the site in the iframe stops working.
Every in a page requires increased memory and other computing resources.

Find better ways to refer your visitors to external content instead of placing it within the iframe tag.

Берете любой инфоцыганский курс, дабы понять алгоритм изучения профессии - например -
Пример курса
Курсы, книги ищите на торенте. Но я бы посоветовал бы Вам сразу искать работу, как правило всё что не касается инструментария - особенно в дизайне - это опыт, чем больший у дизайнера опыт(в создании дизайна, красивой композиции, правильной с точки юзера структуры и удобоваримости), тем более красивые он делает вещи. Обычно всё это набивается на работе, а не на стадии обучения.

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

Работу получить очень просто - дальше воровать идеи с behance, делать свои проекты, набивать портфолио, и далее идти на галеру.

Имея базовые знания стоит сразу перейти к изучению React либо все же прочитать пару книг и попрактиковаться на чистом JS

Углубленный JS - понятие растяжимое.
Я бы посоветовал бы Вам идти по пути добора знаний через гугление, книги Вам в этом плане не помощники, только практика(теорию вы доберете из блогов, гугла). Читать в начале карьерного пути книгу "Вы не знаете JS" - тоже самое что только научившись водить, пытаться брать уроки в лиге Наскар.

Как делал я - берете условный ToDo Лист, пишите его на чистом JS. В это время у вас будет куча гуглений, ошибок и тд. После того как вы написали тудушку, перепишите её на реакт. У вас в голове начнется понимание процессов, какие реакт решает задачи, насколько убыстряет процесс и тд.

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

Новички считают что React это панацея от всех бед, и пихают его даже туда, где обычного JS было бы достаточно. Вот такая вот проф. деформация.

Если это учебный проект, и код не передается дальше по веренице разработчиков - можно писать как угодно. Главное соблюдайте основные принципы написания CSS - например такие как DRY.

Остальное за css, и логикой.
https://codepen.io/Creative_Srijon/pen/LNzrRo
https://codepen.io/Creative_Srijon/pen/xVXzOM
https://www.w3schools.com/howto/howto_js_form_steps.asp

В google search console пустить робота на переобход страниц
https://support.google.com/webmasters/answer/60783...

Начните с замера батарейки CMOS, если номинальный вольтаж менее 3V - под замену.

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

Во первых: HTML-верстальщики как профессия умирает уже с 2016. Сейчас верстальщик - по мимо верстки умеет PHP, JS, Jquery и полный стандартный инструментарий из 30-40 емкий названий вроде- PUG, BEM etc. Что делает его веб-мастером, который может претендовать на зарплату 30 тысяч рублей, которую можно смело сделать работая таксистом особо не заморачиваясь.

Во вторых: Ваше резюме, особенно первая его часть - Frontend Developer. Я конечно не хочу капать ядом на стол, но лично я считаю что фронтенд - это больше про логику и умение строить приложения вроде SPA, а не верстать кнопки, которые можно смело украсть используя codepen, либо чужой код. Верстка нужна, но как правило она играет хорошим плюсом при условии что вы пишите - знаю нативный JS + ES6 + React\Vue, настраиваю webpack как отец. Как правило бэкэнд - это тоже про умение строить архитектуру, а не про создать базу данных под wordpress. Никто не пишет - backend разработчик - вчера прописал пару SQL запросов, и прошел курс по Node.js для новичков.

В вашем же резюме - всё, буквально всё кричит что вы посмотрели пару курсов где Василий обжимая упругую попку блондинки, снимает свой курс по верстке для новичков IT, обещая им 60 тысяч рублей как нефиг делать на фрилансе.

Уберите нецелевой опыт из резюме вроде бармена и тому подобного(работодателю плевать как вы разливали коктейли), уберите фриланс - это смешно. Сделайте портфолио минимум из 20 работ, от лендинга до магазина, и готовьтесь просрать минимум 20-30 личных собесов, после этого - у вас будет опыт и прохождения собеседований, и опыт (минимальный) разработки. Можно целится в студию, либо куда нибудь выше.

И всё у Вас получится. Успехов.

Использовать разные шаблоны для записей.
https://itmaestro.ru/sozdat-shablon-zapisi-rubriki...
И на самой странице записи выбрать нужный шаблон -
1ю страницу привязать к шаблону с одним типом верстки
2ю страницу со вторым типом верстки.

class="col-md-8 col-lg-8>

Ваш сайт сверстан по сетке bootstrap - в коде нужно будет изменить размер сетки для основного блока т.е col-lg-8
И тоже самое сделать у sidebar col-lg-4
Можно поставить col-lg-10 для контента, и для sidebar col-lg-2
Но приготовьтесь править стили. Ибо верстальщик мог не продумать сужение контента.