Фон смещайте через background-position, логотип же можете двигать либо через padding у родителя, либо через margin, transform: translate или top/left у самого логотипа
Возможно плагин календаря ловит у себя события скролла или свайпы на тачскрине и не дает сработать скроллу по данным событиям. Ищите документацию по плагину, возможно там что-то по этому поводу найдете. Если документации нет - копайтесь в исходниках. Но я боюсь такая блокировка нужна самому плагину для определенных целей, и отключив это, возможно, вы что-то сломаете в его работе. В любом по-хорошему нужно почитать доку если есть или изучить исходники, чтобы не было непредвиденных последствий.
Нет возможности так кастомизировать дефолтный скролл, сделать ширину скроллбара больше ширины его контейнера, ширина скролл бара всегда равна размеру контейнера.
По картинке не понятно где реальные границы контейнера, за которыми скрывается контент. Можно было бы те боковые отступы от краев скроллбара до краев внутреннего блока сделать паддингами самого контейнера со скроллом либо паддингами доп.обертке внутреннего блока, пример
Пример. Поможет имитация табличных строк, в таком варианте возможна почти любая длинна чисел в нумерации, все строки будут подстраиваться друг под друга в ширине колонки нумерации
Если веририть данной доке calc(), то в FF обрабатывает так как у них описано в заметках про таблицы
Note: Math expressions involving percentages for widths and heights on table columns, table column groups, table rows, table row groups, and table cells in both auto and fixed layout tables may be treated as if auto had been specified.
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
Но стоит учитывать что селект может быть с мультивыбором, для него данную стилизацию лучше не применять.
Именно height с нуля в auto никак. Нужны числовые значения в данном случае для плавного перехода.
Плюсую вариант Александр, тем более у вас там закомментирована максимальная высота, которую вы и могли бы использовать.
Если по-быстрому, то вынести из медиа выраженя все стили и удалить из скрипта все что связано с ресазом, примерно так. А если по-хорошему, то самому объединить стили из медиа выражения с обычными стилями
Поскольку блок с фиксированным позиционированием он выпадает из общего потока и все что было после него поднимается по потоку вверх (на место этого блока). Чтобы такого не было вам нужно каким-то способом сдвинуть содержимое после блока вниз на величину его высоты, ну наприм, если шапка у вас в самом начале кода, вы можете добавить для body вверхний паддинг равный высоте данного шапки. Если же резмер динамический и может меняться, то придется задействовать скрипты.
Еще советую почитать про position sticky (или тут), возможно это лучше подойдет для решения проблемы
Не понятен ваш вопрос, а точнее связь svg и иконочного шрифта.
Если вы svg иконки упаковали в шрифт и используете через него же, то анимировать можете все то что и у обычного текста: размер (через font-size или transform), цвет (но только монохром, для конкретных элементов иконки цвет не задать), прочие трансформации через transform. Т.к. иконка в этом случае это текстовый символ, то стили применяются к элементу внутри которого этот символ либо по родителю выше если ближайшие родители ничего не перекрывают своими стилями.