Анатолий, Я уже понял, что это пользовательский контент.
Но по-хорошему, это так не делается.
Если подобные блоки нужно наполнять через админку, то для них не tinyMCE делается, а пилится кастомное поле для заполнения отдельных компонентов, в данном случае картинка + текст.
И уже эти поля вставляются в шаблон.
Идешь в любой интернет-магазин комплектующих, имеющий опцию фильтрации по кол-ву подключаемых мониторов или выходов.
Например, на Я.Маркете есть такой фильтр:
Фильтруешь, получаешь список. Потом лезешь на сайт производителя и уточняешь сколько моников поддерживает заинтересовавшая видяха. Останется только оплатить ее в том же онлайн-магазине или сбегать в оффлайн и поискать уже конкретную модель.
Фон из-за внешних отступов съезжать не может.
Фон вообще съезжать не может, если ему явно не указать смещение в background-position.
Сдвинуться может только элемент.
Неправильная формулировка вопроса затрудняет поиск правильного решения. В свою очередь осмысленно заданный вопрос, как правило уже содержит в себе половину ответа.
10 лет "фронтэндю".
Случаи, когда мы брали (покупали) готовые html (wp, joomla и т.п.) шаблоны можно пересчитать по пальцам.
Всегда это был уникальный макет от дизайнеров. Который, понятно, нужно сверстать, прежде чем бэкеру отдавать.
Псевдо-элементы — это внутренние элементы блока, к которому они добавлены. Перед его содержимым (before) или после (after).
А не перед самим блоком или после него.
Ну если интересует частное мнение, то я считаю, что на сегодняшний день, как и два года назад, безусловный лидер в области IDE для веба это webstorm/phpstorm.
Зато VS Code можно с собой на флешке носить.
Максим Шоломов, скрипты вероятно не работают из ajax запросов, которые по умолчанию не могут быть выполнены на file:// по соображениям безопасности. Возможно в браузерных флагах есть соответствующая настройка.
