CSS Mem-Slider

[ConstantineTU]

1.https://github.com/DrDiman/CSS-Mem-Slider
2. Screenshot:

3. Deploy: https://constantinetu.github.io/cssMemSlider/cssMemSlider/index.html
4. Done 17.10.2021 / deadline 17.10.2021
5. Score 150/ 150

• Выполнено всё из секции Требования к репозиторию и как сабмитить задание +30
• выполняете таску в этой папке (cssMemSlider). В процессе выполнения задания должно быть не менее 5 коммитов.
  • Всего 10 коммитов
• Названия коммитов должны быть согласно гайдлайну + каждый ваш коммит должен содержать тайм-стемп например название коммитов:
  • У меня используется русский язык в тайм-стемпах, это может вас смутить, но вот официальный ответ
    
• Слайдер позиционируется с равными отступами слева и справа +10
• Используется padding: 1.6rem 2.5rem;
• Соблюдено расположение картинок, подписей к ним и контролов +10
• Всё на своих местах во всех разрешениях с одинаковыми отступами слева и справа
• Имеется анимация для смены картинок +20
• Её видно невооруженным глазом) (Вооруженный глаз - DevTools =))
• Имеется анимация для смены подписей к картинкам +10
• Имеется)
• Подписи к картинкам должны быть строковыми значениями (текстом), т.е. текст не должен быть частью картинки +15
• Можно выделить, копировать и тд, всё как с текстом)
• Каждый контрол имеет большую область нажатия, чем размер самого контрола +5
• не наводя мышь на область контрола, сам контрол начинает включать hover за долго до своего border
• Контролы имеют интерактивность (момент наведения, момент нажатия, активный контрол, изменение курсора) +10
• (момент наведения , момент нажатия , активный контрол , изменение курсора)
• Имеется мобильная версия слайдера и соблюдено расположение картинок, подписей к ним и контролов +20
• мобильная версия присутствует на всех возможных разрешениях, начинается она с 670px по ширине
• Используются относительные единицы измерения для основных блоков (rem, %, vh, vw, fr) +10
• Все блоки/составные части слайдера (контролы, картинки, подписи к слайдеру) спозиционированы без использования position: absolute +10
• позиционированных элементов на странице нет: ни относительно, ни абсолютно, никаких.

P.S. В слайдере присутствует секретный уровень для самых любопытных и тех кто любит загадки.
P.P.S. Прошу добавить мою работу в лучшие, если вам понравилось оформление и функционал слайдера, сами мемы возможно не такие смешные, но в слайдер я вложил душу) --> https://forms.gle/GTo86F8aKoxi8J7S7
Мой дискорд, если есть какие-либо вопросы - https://discordapp.com
Итого 150 баллов из 150