Как сделать отзывчивый путь, который он внутри svg

#html #css #svg #height #width

Вопрос:

У меня здесь дизайн svg, я поместил его в div , также в этом div есть панель навигации и некоторые элементы, когда экран маленький, все в порядке , но когда я увеличиваю размер экрана, высота svg также увеличивается и выглядит как высота:100% хотя я не настраивал высоту и ширину svg , я просто настроил окно просмотра, и это проблема, потому что оно накладывается на другие элементы, и я не могу нажимать или наводить кнопки, и когда я настраиваю, например, ширину:100%; и высота:400 пикселей; для svg путь внутри него становится маленьким и не реагирующим, так что же мне делать в этом случае? Я хочу, чтобы ширина svg стала 100%, а высота-400 пикселей или больше, также я хочу, чтобы форма(путь) внутри нее стала отзывчивой, а ее ширина всегда была 100%

Примечание: Я сделал границу svg видимой, чтобы понять, какой становится высота, когда экран большой

[«ПРОСТАЯ ЦЕЛЕВАЯ СТРАНИЦА» https://codepen.io/aseelkhanfar19/pen/OJgaNEy][1]

Комментарии:

1. Если вам нужно, чтобы вы могли нажать кнопку под элементом svg, который вы можете добавить pointer-events: none в svg

2. Спасибо , йоууууу, это сработало 👍 🏻 🌻