Правильная цветопередача важна, если вы работаете с полиграфией. Для веб-дизайна это не так принципиально. А вообще нужно гуглить обзоры конкретных моделей.
Лучший способ изучения чего-либо — практика, решение реальных задач.
Учить что-либо помимо основ html/css/js стоит только, когда будете "на ты" с этой троицей.
С адаптивом беда, конечно.
Надо или допиливать, или отключить его совсем.
Есть претензии к семантике: например, заголовки почему-то div'ами, когда уместнее было бы h1-h3.
В целом же надо смотреть, соответствует ли верстка макету и ТЗ.
Там же на странице справа иконки программ:
Photoshop (фото, мокапы),
Illustrator (логотип и, вероятно, общая компоновка, хотя скомпоновать могли и в PS),
After Effects (анимация).
Учиться лучше всего на практике. Займитесь продвижением своего сайта (друзей, родственников, знакомых).
1. Добавьте сайт в webmaster.yandex.ru
2. Ознакомьтесь с базовыми рекомендациями.
3. Изучите раздел помощи: https://yandex.ru/support/webmaster/index.html
Там же есть отличный курс для новичков: https://yandex.ru/adv/edu/webmaster-start
4. Выполняйте рекомендации, гуглите непонятное, читайте статьи, следите за трендами...
Учиться лучше всего на реальных практических задачах.
Но они должны быть по силам.
Допустим, вы работали с фреймворком А, и поступает задача, связанная с фреймворком Б. Вы потратили 2-3 часа на знакомство с документацией нового фреймворка, составили представление и можете сделать вывод — справитесь за 2 недели или нет.
Если же вы знаете только азы php, то, почти наверняка не стоит рисковать.
Попрактикуйтесь в чем-то попроще. Сделайте проект для себя, бесплатно для друга...
в первой части - input, а во второй - textarea, скрипт работает с инпутом.
---
перепишите JS: там, где у вас querySelector('input'), попробуйте заменить на querySelector('textarea')