Pedronin, 3 дня уже прошло. Я вам вырезал кусок, который отличается и вы все равно не видите разницу? Если за вас будут делать, вы ничему не научитесь.
Уберите у .main все стили с позиционированием и фиксированным размером и сделайте так чтобы сайт вместился в любой экран, то что вы сделали не годится к использованию от слова совсем
Что за бред вы придумали? Работа верстальщика/фронта заключается в том чтобы создать html/css/js из дизайна который ему предоставят. Он ни в коем случае не должен придумывать свой стиль, в серьезных компаниях ему вообще не позволят работать с графикой, все будет рисоваться через дизайнера.
smigles, Модификатор как раз нужен для того, чтобы изменить состояние без привязки к контексту. Микс же применяется для того чтобы изменить состояние в привязке к контексту. Если мы хотим сделать отступ и этот отступ используется только в конкретном месте, мы используем микс, если же мы знаем, что отступ нужен, но в разных местах, мы используем модификатор.
В вашем примере можно на иконку повесить pointer-events none и клика по ней не произойдет, но вообще хотелось бы ваш код увидеть и посмотреть как именно вы делегируете событие.
alexiusgrey, Не совсем. Введите необходимый текст и продублируйте. Если чтобы заполнить пространство вам надо 3-4 раза один и тот же текст вписать, то впишите сколько надо и точно так же сделайте копию справа
imko, В примере тоже дергается. Это потому что вы не правильно делаете. Смещение идет на 50% затем сбрасывается в ноль. Значит скачек из-за того что не синхронизировано начало и конец. В общем нужно чтобы 50% слева были такие же как 50% справа