Если вам ФИЗИЧЕСКИ нужен этот, вставленный блок, то вы его вкладываете в родителя, если блок физически не нужен, то просто делаете визуальную иллюзию псевдоэлементами. Для большей острастки цвет задан как currentColor - меняете у родителя - меняются "колонки"
У вас формально нет 3 клонок. У вас есть 2 вертикальных меню, которые настолько узки, что задавать им проценты - не имеет смысла. Вам надо отрезинить контент. Для этого убрать на классе grid АДъ из width: 1360px;, а уж тем более из height: 768px; Поставить max-width: 1360px; height: 100vh; адальше вступит в силу магия ФБоксов. Удивитесь.. И поставьте в шапку
Ankhena W: Простите, я немного запуталась: вы задаете "бездомный" текст/элемент и удивляетесь, что оно не работает или работает, но не так?? codepen.io/emelyanova/pen/eWmWEW - я например, делаю так, обычно.
altai2013: Простите, но я использую этот скрипт уже 2 года как на самых разных проектах. У ребят ОТКРЫТЫЙ репо на ГитХабе и есть своя страница на NPM.
Я не сильна в юр-стороне, но пока с меня никто ничего не спросил.(
Илья Ростопка: да... Конечно, на родителя можно поставить overflow: hidden;, но не известно КАК обрежется картинка.
Кроме того, не было бы проблемы, если бы не нужно было их сортировать по клику: просто запихать в колонки и все. Но сортировка не позволит этого. Не известно какой именно итем останется в какой колонке.(((
Илья, простите, прошу вас, поясните, вы добавили margin-right: -0.25em; Я пытаюсь нагуглить такой прием , но внятного объяснения его работы найти не могу. Прошу вас, если не сложно и вы можете, поясните принцип...
Я вижу, что у вас идет before... 0,25em...