id-andyyy / fruit-idioms Goto Github PK

Придумать дизайн для задания "Connect the beginning and the end of the idioms". Дизайн должен учитывать:

• место первой части каждой идиомы
• место второй части каждой идиомы
• разный размер частей идиом (идиомы могут быть короткие, а могут быть длинные)
• поля для ввода цифры
• место для показа ответа
• формат показанного ответа
• адаптацию для просмотра на телефоне

Желательно использовать встроенную в Bootstrap адаптацию (использование row и col).

Добавить отступы в index.html.

Добавить создание заданий (файл tasks.json и код в index.js)

Использовать placeholders и spinners.

Исправить баг: при выборе статьи из содержания на телефоне, offcanvas не сворачивается. При попытке закрыть его выбранная статья не открывается, а проматывается на начало.

Содержание на десктопе должно быть закреплено и не пропадать из поля зрения пользователя, даже если он пролистал страницу вниз. Он должен всегда иметь возможность из своего текущего положения на странице иметь возможность перейти по содержанию на другую идиому.