Картинка есть на десктопе и это хорошо!, но уровень действительно начальный... То что разнёс по классам смысловую нагрузку это хорошо, но не знание адаптивности, что должно быть в head (meta name="viewport" content="width=device-width,initial-scale=1">) это конечно плохо. Обязательно изучить!
Мелочей относительно самой верстки с адаптивности – очень много. Только то что тексты прилипают к краю экрана, картинки налазят на текст перекрывая его – грубейшее нарушение.
Нужно посмотреть как пишется сетка и bootstrap, И обязательно написать свою, не копировать – понять!
Посмотреть что значит @media
Почему нигде нет :hover ?
Следующие шаги – это изучить препроцессор - scss, и подключить постпроцессор (цепляет префиксы, делает понятным стиле для почти всех cтарых браузеров)