DevChristmas

img:hover{ transform:scale(1.5); // 1 = 100% ,1.5 = 150% }

Задай условие в JS на проверку браузера: var browser_info = navigator.userAgent;

Используй другой слайдер , я например использую Slick Slider , настроек куча , слайдер с табами тоже делал.

Видео всегда будет одно в этой модалке? если да , то ставь функцию таймер на время видео. Если нет , то в JavaScript есть событие у элемента <VIDEO> , если я не ошибаюсь. $('.modal video').on("ended",function(){ // Здесь исполняется код,когда видео проиграно до конца. });

Та же схема , только на JavaScript , только с кучей кода для отправки HTTP запроса. Или же сделать эти блоки все формой ,при нажатии на SUBMIT кнопку при выборе данных , будет отправлен POST запрос к PHP скрипту , который в своё время посылает запрос в БД и возвращает соответствующие данные(Но это дикий способ) . Ставь jQuery и облегчи себе жизнь. Всё равно для динамичной подгрузки(без необходимости перезагрузки страницы) нужен будет jQuery или же чистый JavaScript. Или просто отправляй GET отправляя в ссылку страницы переменные даты , запрос к текущей странице с помощью формы постоянно при выборе даты , при этом страница будет перезагружаться. ВЫБОР за тобой!

С того! , что так и есть , верстаю на FlexBox , постоянно проблема , слетают блоки , отображаются кривовато , на Android всё ок. Основываясь на том , что на андроид норм а в Safari всё сыпется, логичный вывод проблема в Safari.

Вот пример без высоты родительского контейнера :

Ты не прав , FlexBox растягивает блоки по высоте родительского элемента и по высоте элемента с большим кол-вом контента внутри. Делаешь так : .container{ height:100px; display:flex; border:1px solid red; } .blocks{ border:1px solid #000; } Код проверен , работает!

Ну во первых он привёл пример , вдруг эта ячейка будет растягиваться динамично , от вывода данных из БД, то высоту предугадать не получится . поэтому как сказал ShumNo используйте флексбокс(FlexBox) , он автоматически растянет высоту ячейки относительно контента.

Просто определить масштабирования будет мало , нужно будет относительно размеров экрана выставлять определённый масштаб. Потому как на 5к так и на 2к может быть один масштаб. Вам проще будет делать вёрстку в % или же есть VW VH в CSS.

И еще можно для удобства вместо отрицательных margin делать так : .wrapper{ top:calc( 50% - 115px ); }

Вместо абсолютного позиционирования лучше использовать FlexBox : //Задать ширину wrapper далее body{ disply:flex; align-items:center; justify-content:center; }

В CSS есть способ : body{ zoom:0.5; // От 0 до 1 ( 1 = 100% , 0.5 = 50%) }

Фундамент всех языков программирования "один", названия функций везде по разному , сам язык PHP очень простой , нужно просто знать часто используемые функции и знать когда и где их применять.