Задать вопрос
partyzanx
@partyzanx
css

Как адаптировать длину svg?


Нужно, чтобы в мобильном дизайне input и svg при активации поиска имели длину 100vw - 170px
Помогите, пожалуйста.

К input указать длину не проблема, а вот svg при этом не растягивается и конструкция нарушается.

5c28aa16084ea883608373.png
  • Вопрос задан
  • 259 просмотров
Комментировать
Подписаться 1 Простой Комментировать
Пригласить эксперта
Ответы на вопрос 1
RAX7
@RAX7
Можно разделить svg на саму иконку и подчеркивающую линию и по отдельности их анимировать.
Для svg с линией задать preserveAspectRatio="none" чтобы ее можно было растянуть на весь контейнер.
Ответ написан
2 комментария
2 комментария
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Frontend-разработчик (React)
ДАЛЕЕ
от 130 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
Ещё вакансии
Заказы с Хабр Фриланса
Менеджер по продажам в онлайн-школу
17 апр. 2024, в 00:48
35000 руб./за проект
Сделать картинки для слов
17 апр. 2024, в 00:13
800 руб./за проект
Разработка backend python+django
17 апр. 2024, в 00:06
240000 руб./за проект
Ещё заказы