Попробуйте вот что:
1. На родителя, который class="panel-body" - повесить font-size: 0;
2. на обертку, что съезжает - width: 70%;
3. Возвращаем фонт для потомка font-size: 10px;
На планшете встает на место. На мобиле - слетает.
НО у вас там этот элемент имеет стили заданные скриптом, инлайново. Боюсь вам придется сначала разобраться с этим.
feed4rz: если она не двигается, то у элементов, которые надо "вырезать", мы срезаем углы: нижний левый и правый соотв.
Это легко делается с помощью градиентов, а сама стрелка (див) позиционируется абсолютно внутри родителя (зачем вам кенвас?????) и "вкладывается" в образовавшийся срез. Если надо, чтобы "барабан" крутился, а стрелка была приклеена, то углы срезаются уже у следующей по счету пары. Это можно реализовать на скрипте.
Если вам ФИЗИЧЕСКИ нужен этот, вставленный блок, то вы его вкладываете в родителя, если блок физически не нужен, то просто делаете визуальную иллюзию псевдоэлементами. Для большей острастки цвет задан как currentColor - меняете у родителя - меняются "колонки"
У вас формально нет 3 клонок. У вас есть 2 вертикальных меню, которые настолько узки, что задавать им проценты - не имеет смысла. Вам надо отрезинить контент. Для этого убрать на классе grid АДъ из width: 1360px;, а уж тем более из height: 768px; Поставить max-width: 1360px; height: 100vh; адальше вступит в силу магия ФБоксов. Удивитесь.. И поставьте в шапку
Ankhena W: Простите, я немного запуталась: вы задаете "бездомный" текст/элемент и удивляетесь, что оно не работает или работает, но не так?? codepen.io/emelyanova/pen/eWmWEW - я например, делаю так, обычно.
По идее структура такова
.wrapper > .content + .footer
Тогда да, все прижимает.)
Только префиксы расставьте!!!!!!!!!!!!!!!!!!!!!