cssMemeSlider

[Otabek996]

ccsMemeSlider ✨

1. Task 🔗: https://github.com/rolling-scopes-school/tasks/tree/master/tasks/css-meme-slider
2. Screenshot 🖼️:
3. Deploy 📟: https://otabek996.github.io/cssMemeSlider/cssMemeSlider/
4. Done ✅ 17.09.2023 / Deadline 💀 18.09.2023.
5. Score 💯: 150 / 150.

• [ ✅ ] Выполнено всё из секции Требования к репозиторию и как сабмитить задание: ( 30 / 30 )
• [ ✅ ] Слайдер позиционируется с равными отступами слева и справа: ( 10 / 10 )
• [ ✅ ] Соблюдено расположение картинок, подписей к ним и контролов: ( 10 / 10 )
• [ ✅ ] Имеется плавная анимация смены картинок: ( 20 / 20 )
• [ ✅ ] Имеется плавная анимация смены подписей к картинкам: ( 10 / 10 )
• [ ✅ ] Подписи к картинкам должны быть строковыми значениями (текстом), т.е. текст не должен быть частью картинки: ( 15 / 15 )
• [ ✅ ] Каждый контрол имеет большую область нажатия, чем размер самого контрола: ( 5 / 5 )
• [ ✅ ] Контролы имеют интерактивность (момент наведения, момент нажатия, активный контрол, изменение курсора): ( 10 / 10 )
• [ ✅ ] Имеется мобильная версия слайдера, и соблюдено расположение картинок, подписей к ним и контролов: ( 20 / 20 )
• [ ✅ ] Используются только относительные единицы измерения для основных блоков (картинки, контролы, подписи). Относительные единицы: rem, em, %, vh, vw, fr and etc... - присутствует "резиновость" слайдера: ( 10 / 10 )
• [ ✅ ] Все блоки/составные части слайдера (контролы, картинки, подписи к слайдеру) находятся в базовом потоке дом-элементов, не позиционируются (position) с помощью top, left, right, bottom, не используется float. Можно: flex, grid, margin-left and etc... - все, что не упомянуто в запретах выше. Свойство position может быть только static: ( 5 / 5 )
• [ ✅ ] Не используются псевдоэлементы (не путать с псевдоклассами, псевдоклассы можно): ( 5 / 5 )