Смотрела 5 минут и нет макета.
Вполне прилично для первых работ.
- Неверно подключены шрифты Segoe
- Где-то текст прилип к следующему блоку
- Лишние обертки
- Изображения являющиеся украшением вставлены как img. В том числе и текст типа "Дизайн"
- Нет hover и других состояний.
- Ничего для доступности.
- Слайдер с лайфхаками не в ту сторону.
Какая должна быть разметка написала 2 раза. Даже картинку рисовала. И вроде вы даже показывали верный код. Сейчас опять дивы.
Про то, что код нужно оформлять в песочницу на jsfiddle.net или аналогах я тоже говорила неоднократно.
И даже показывала пример.
А вы снова лепите простыню. Её в уме компилировать?
sempy, что вы дополнили? Я не вижу ни ссылки на сайт ни песочницы.
Вы считаете, что кто-то будет ручками набирать код с ваших скринов, чтобы посмотреть, что там у вас не получилось?
Во-первых, это не select. От того, что вы сделали список в форме выпадающего списка, select'ом он не стал.
2. Как задать в качестве placeholder выбранный размер?
В качестве чьего плейсхолдера?
И почему вдруг выбранное значение это не значение, а чей-то плейсхолдер?
Сложно сказать, что именно вам делать, потому что вариантов решений много.
Из того, что сейчас, вы можете: у выбранного li менять класс на active (или любой другой по вашему желанию).
Этому классу задавать order (родитель должен быть гридом или флексом), чтобы он встал на первое место.
Получать его текст (или дата атрибут). И передавать в скрытый инпут (в значение, а не в плейсхолдер).
Вне зависимости от способа отправки данных, было бы логично (и семантично) оборачивать всё это в форму. А "отправить" это кнопка submit.
Сделайте песочницу с кодом на jsfiddle.net или аналогах или скиньте ссылку на сайт.
Пока делаете, ответьте себе на вопрос "почему он должен масштабироваться?". Т.е. "у меня заданы вот такие-то свойства для блока, его родителей и детей и в результате блок должен масштабироваться". Глядишь и решение само обнаружится.
1. Уберите opacity="0.4". Управляйте им из CSS.
2. Причем, для всей SVG, у неё же один g. Который и вовсе можно убрать.
3. В инпуте нет никаких SVG и её частей, поэтому дочерний селектор не сработает, вам нужен соседний. .form-control:focus + .account__icon { opacity:1;}
