Aligatro: caniuse.com/#search=flex
Всё такое зелёненькое, аж глаз радуется. Почти) Я не думаю, что есть смысл подстраиваться под абсолютно всю аудиторию
Павел Антонов: дело благое)
Отвечу на ваш комментарий Олегу про нужно/не нужно. Скорее нужно. Gulp, например, упрощает многое своими плагинами. autoprefixer даёт возможность никогда больше не вспоминать о вендорных префиксах для кроссбраузерности. Туча минимизаторов, ужимающих ваш код и вываливающих его в отдельный файл, который и отдаётся браузеру. Возможность include-ить html, ... Много всего, притом каждая фича реализуется буквально парой строк простенького кода.
Ну и препроцессор Sass... переменные в CSS - это круто. И удобная вложенность элементов, особенно в связке с методологией БЭМ. А gulp + autoprefixer + какой-нибудь минификатор делают из этого отличный универсальный css
Влад: у вас там хз зачем висит пустой блок, который становится большим при display: flex (потому что становится флекс-элементом) Я его через display: none скрыл и всё нормально
aliasst: чтобы текущая увеличивалась и перемещалась - centerMode , centerPadding , я написал их в примере. Чтобы менялся текст вверху... два варианта: 1) Делаем слайдер с текстом и связываем два слайдера (пример очень наглядный всё в той же документации есть) , 2) Через JS смотрим, у какого фото класс slick-current и показываем соответствующий ему блок с текстом
Qairat Batyrbayev: можно так сделать:
В html убрать div вообще, оставить заголовок и картинку
CSS
.h2 { position: relative; }
.h2 img { position: absolute;
right: 0px;
top: 0px;
}
Или ничего не убирать и:
CSS
div {
display: inline;
text-align: right;
}
А если бы выложили проблему на codepen.io/pen , вам помогли бы лучше и быстрее
aliasst: то есть чтоб вместо кружков были просто фотки? Всё что угодно, но всю кастомизацию делаете сами через CSS ) Slick их просто крутит, как хотите. Внешний вид он практически не трогает
