CSS Bayan

[Quiddlee]

1. Task: https://github.com/DrDiman/CSS-Bayan-task
2. Screenshot:
   
3. Deploy: https://quiddlee.github.io/cssBayan/cssBayan
4. Done 12.03.23 / 13.03.23
5. Score: 140 / 140

• Требование к репозиторию (30/30)
  • называния коммитов должны соответствовать требованиям + Каждый ваш коммит должен содержать отметку времени. (30 / 30)
• Верстка, UI (110/110)
  • Компонент аккордеона располагается по центру экрана, с равными отступами слева и справа (10)
  • Присутствуют - иконки, тексты мемов и изображения мемов (5)
  • Размещение мема, иконок и текста мема такое же, как и в приведенных примерах gif-изображений (5)
  • Сделана плавная смена (transition) изображений и иконок мемов (20)
  • Сделан адаптивный дизайн с тремя контрольными точками для мобильных устройств, планшетов и настольных компьютеров. Аккордеон корректно отображается на мобильных 320х568, планшетах 820х1180, на десктопах 1920х1080 (10)
  • Реализованы все визуальные эффекты при наведении курсора на мемы, при наведении мыши на мем и при выборе мема (10)
  • Вся строка (текст, значок и изображение мема) кликабельна (5)
  • Курсор над эффектом мемов (hover) существует только для устройств, поддерживающих hover (10)
  • При наведении на ряды аккордеона, он меняется (5)
  • Используются только гибкие размеры rem, em, %, vh, vw, fr и т. д. Аккордеон отзывчив (10)
  • Все блоки/части аккордеона находятся в базовом потоке элементов DOM. Все элементы не спозиционированыс помощью top, left, right, bottom. Не используется float. Значение position является только static (5)
  • Псевдоэлементы не используются (5)
  • Изначально виден первый мем (5)
  • Размер шрифта меняется на каждом устройстве (5)