Фон смещайте через background-position, логотип же можете двигать либо через padding у родителя, либо через margin, transform: translate или top/left у самого логотипа
Возможно плагин календаря ловит у себя события скролла или свайпы на тачскрине и не дает сработать скроллу по данным событиям. Ищите документацию по плагину, возможно там что-то по этому поводу найдете. Если документации нет - копайтесь в исходниках. Но я боюсь такая блокировка нужна самому плагину для определенных целей, и отключив это, возможно, вы что-то сломаете в его работе. В любом по-хорошему нужно почитать доку если есть или изучить исходники, чтобы не было непредвиденных последствий.
Пример. Поможет имитация табличных строк, в таком варианте возможна почти любая длинна чисел в нумерации, все строки будут подстраиваться друг под друга в ширине колонки нумерации
1. На инлайн блоках vertical-align работает для выравнивания по вертикали самих блоков, а не их контента. Плюс сам Блок 1 у вас на всю высоту растянут, а текст внутри кверху прибит по обычному поведению
2. Блок 2 выровнен по базовой линии, у него не установлен vertical-align, а по-умолчанию он baseline, что в данном случае почти похоже на middle (но различия в этом есть)
В предыдущем вопросе вам написал, что тут странное поведение в хроме. Почему-то в хроме не получается задать дробные значения для табличных ячеек, он округляет до целых. Ради примера, создайте блок высотой 205.5px и таблицу с одной ячейкой той же высоты - хром округлит до целого высоты таблицы. Хоть вы и делаете на дивах, но имитируете таблицу через table/table-cell по этому будет тот же результат
пустое пространство после черного блока, т.е. данный блок не заполняет все оставшееся место.
Задайте высоту для .big-frame .layout-1 .frame-content .frame-contact чуть больше и увидите
Внутри тега input нельзя форматировать текст (кроме как стилями задать его параметры тегу).
Вам нужна возможность аналогично wysiwyg редакторам, самый просто вариант, если хотите сделать сами, это contenteditable блок и Document.execCommand()
Внутри contenteditable можно вводить текст, форматировать его и много чего еще, а через команды Document.execCommand() можете форматировать выделенный текст
Пример
Скрываем дефолтную стрелку и делаем кастомную через фоновое изображение
Сами option кроссбраузерно стилизовать не получится, если только имитировать их обычной стилизованной версткой + js
Но стоит учитывать что селект может быть с мультивыбором, для него данную стилизацию лучше не применять.
Если по-быстрому, то вынести из медиа выраженя все стили и удалить из скрипта все что связано с ресазом, примерно так. А если по-хорошему, то самому объединить стили из медиа выражения с обычными стилями
Поскольку блок с фиксированным позиционированием он выпадает из общего потока и все что было после него поднимается по потоку вверх (на место этого блока). Чтобы такого не было вам нужно каким-то способом сдвинуть содержимое после блока вниз на величину его высоты, ну наприм, если шапка у вас в самом начале кода, вы можете добавить для body вверхний паддинг равный высоте данного шапки. Если же резмер динамический и может меняться, то придется задействовать скрипты.
Еще советую почитать про position sticky (или тут), возможно это лучше подойдет для решения проблемы
Не понятен ваш вопрос, а точнее связь svg и иконочного шрифта.
Если вы svg иконки упаковали в шрифт и используете через него же, то анимировать можете все то что и у обычного текста: размер (через font-size или transform), цвет (но только монохром, для конкретных элементов иконки цвет не задать), прочие трансформации через transform. Т.к. иконка в этом случае это текстовый символ, то стили применяются к элементу внутри которого этот символ либо по родителю выше если ближайшие родители ничего не перекрывают своими стилями.
Помог бы живой пример, а так только догадки:
1. Тупо нет переполнения ширины, ничто не выходит за границы ширины и не вызывает появление горизонтального скролла
2. Даже есть внутри есть очень широкий контент, может быть такое что у него есть доп.обертка с overflow: hidden которая просто скрывает неуместившееся и переполнения по ширине в блоке с overflow: auto; не происходит
3. Может где-то overflow: auto; переназначается другими стилями на overflow: hidden
И инфа на всякий случай, если вы вдруг ожидаете появление скролла без переполнения контентом - его не будет без переполнения, чтобы обязательно был скролл без переполнения нужно использовать overflow: scroll
Могли бы вы приложить скриншот? У меня ваш пример отображается нормально. Вы же про круг чекнутой радиокнопки? Неровное выравнивание может быть из-за того что сам символ круга имеет нечетные размеры, а контейнер относительно которого он выравнивает - четные. Отсюда и смещение в 1 пиксель. Символ который вы используете в чекнутой радиокнопке размером не 30px, 30 - это размер текста, а размер данного символа меньше, фактический размер этого символа как раз и может быть нечетным
Все зависит на сколько важен для заказчика пиксель перфект и насколько дизайнер ответсвенно подошел к отрисовке макета. Если у пунктов списка слева один отступ, а справа другой - это не косяк дизайнера, с чего вы решили что отступы обязательно должны быть одинаковые со всех сторон. Другое дело когда список из одинаковых элементов и у пунктов могут отличаться отступы с одной и той же стороны - тут уже стоит выяснить почему так.
Хорошо когда дизайн-система продумана от и до, систематизированы все отступы и размеры, такие макеты в пиксель перфект верстать легко. Но другое дело когда в разных макетах есть погрешности в размерах одних и тех же компонентов, а заказчик требует пиксель перфект ну потому-что ему так хочется и проверять соответствие для него легко.
Просто научитесь оценивать сложность верстки по макетам для пиксельного соответствия и уже сами решайте стоит ли овчинка выделки (если конечно у вас есть возможность отказываться от заказов)
Если фактическая ширина экрана в пикселях у вас 1125 и Device Pixel Ratio = 3, то делите фактическую ширину на ratio и получите ширину которую будет браузер как бы эмулировать.
Т.е. если вы используете указанный метатег и добавите на страницу два блока с фиксированными ширинами , один 1125, а второй 375, то первый блок выйдет за границы экрана и появится горизонтальный скролл, а второй блок будет ровно по ширине экрана
EDGE поддерживает флексы, IE поддерживает флексы с 10 версии, но с префиксами (поможет автопрефиксер). Но в IE есть особенности использования флексов, связанны с размерами элементов флекс-контейнера. Просто верстать под Хром и надеяться что в IE автопрефиксер все сделает как нужно не стоит, есть шанс что результат вас удивит. По этому рекомендую проверять сразу все наработки связанные с флексами