dmitrijjjjj,
1. Посмотрите на хотя бы в вопросе. Видите, кусок жирный? Исправьте.
2. Изучите селекторы .username:focus ~ .for-username
Это значит: найди for-username, которые идут следом, на том же уровне, что и username и когда он в фокусе.
Таких элементов не существует, потому что в коде всюду сначала label, а потом input.
Т.е. либо использовать :focus-within либо менять разметку.
oksana_melikhova, вы им сказали расположиться в 110 точках от правого края. Они туда и прибились.
Другое дело, что, возможно, нужно было указывать относительные единицы измерения или их же совместно с clamp или перестраивать при media или calc
А где доказательство того, что она есть по этому пути?
Скорее всего, неверный путь к картинке. Подробности написаны на вкладке Console в инструментах разработчика.
Браузер показывает где ищет картинку.
Остается только скорректировать путь.
Учебник на htmlbook прекрасный, но не обновлялся уже лет 10, наверное.
Лучше попроходите интерактивные курсы у HTML Academy https://htmlacademy.ru/courses
Благо есть бесплатные варианты.
Елена, цвет при наведении должен меняться? Цвет чего? Любой части картинки?
Сами картинки не меняются? В смысле если есть блок с галкой, то он с галкой и будет?
1. Посмотрите на хотя бы в вопросе. Видите, кусок жирный? Исправьте.
2. Изучите селекторы
.username:focus ~ .for-usernameЭто значит: найди for-username, которые идут следом, на том же уровне, что и username и когда он в фокусе.
Таких элементов не существует, потому что в коде всюду сначала label, а потом input.
Т.е. либо использовать
:focus-withinлибо менять разметку.