- Виконати завдання, використовуючи HTML5, CSS3,JavaScript;
- Для реалізації завдання заборонено використовувати допоміжні JS бібліотеки але дозволено HTML & CSS препроцесори;
- Роздільна здатність екрану: 1024x768px;
- Підтримка Webkit браузерів;
- Виконане завдання повинно запускатись без додаткових кроків (встановлення залежностей, білд іт.д.), а також обов’язково має містити index.html в корені архіву;
- Необхідно реалізувати галерею картинок із можливістю додавання нових;
- Додана картинка займає найближчу вільну область;
- Якщо картинки не вміщаються в горизонтальну область, з’являється скролінг.
- На подію “hover” кожного елемента з’являється інформація про поточну картинку, що відображає кількість коментарів, лайків та дизлайків (іконки не клікабельні);
- По кліку на картинку з’являється cпливаюче вікно,де можна поставити лайки та дизлайки, а також залишити коментарі. Якщо коментарі не вміщаютьсяв блок, з’являється вертикальний скролінг;
- Після закриття cпливаючого вікна повертаєтьсягалерея із оновленими даними про картинку.