Встроенная карта Google исчезает на устройствах меньшего размера (все, что меньше 800 пикселей) ⇐ CSS

[Anonymous]

Встроенная карта прекрасно работает на экранах всех размеров от 800 пикселей, но как только я изменяю размер сайта на экраны планшетов или мобильных устройств, это просто пробел:

#contact { цвет фона: #f2f2f2; отступ: 60 пикселей 0; } #contact .heading { размер шрифта: 3rem; выравнивание текста: по центру; поле внизу: 40 пикселей; } .contact-in { дисплей: гибкий; flex-wrap: обертка; оправдание-содержание: пространство между; выровнять-элементы: по центру; цвет фона: #fff; отступ: 30 пикселей; радиус границы: 10 пикселей; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); } .contact-карта { гибкость: 50%; высота: 400 пикселей; положение: относительное; переполнение: скрыто; радиус границы: 10 пикселей; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); } .contact-map iframe { позиция: абсолютная; верх: 0; слева: 0; ширина: 100%; высота: 100%; граница: нет; } .Форма обратной связи { гибкость: 50%; отступ слева: 30 пикселей; } метка .contact-form { дисплей: блок; размер шрифта: 1.2rem; поле внизу: 5 пикселей; } .contact-form input[type="text"], .contact-form input[type="email"], .contact-form textarea { ширина: 100%; отступ: 10 пикселей; поле внизу: 15 пикселей; радиус границы: 5 пикселей; граница: 1 пиксель, сплошная #ccc; размер шрифта: 1.1rem; } .contact-form textarea { высота: 150 пикселей; } .contact-form input[type="submit"] { цвет фона: #002e5f; цвет: #fff; отступ: 10 пикселей 20 пикселей; радиус границы: 5 пикселей; граница: нет; курсор: указатель; переход: фоновый цвет — легкость 0,3 с; } .contact-form input[type="submit"]:hover { цвет фона: #003d73; свяжитесь с нами
https://www.google.com/maps/embed/v1/pl ... tions,+47+ Медлар+Роуд,+Рандпарк+Ридж,+Рандбург,+2169/@-26.0998378,27.9587856,15z/data=!4m14!1m7!3m6!1s0x1e9575123676d68d:0xc0d7a04d052d5255!2sAdvanced+Affordable+Se Curity+Solutions,+47+Медлар+Rd ,+Рандпарк+Ридж,+Рэндбург,+2169!8m2!3d-26.1008783!4d27.9528306!16s%2Fg%2F11fnrt8qvg!3m5!1s0x1e9575123676d68d:0xc0d7a04d052d5255!8m2!3d- 26.1008783!4d27.9528306!16s%2Fg%2F11fnrt8qvg&key= AIzaSyBFw0Qbyq9zTFTd-tUY6dZWTgaQzuU17R8
Имя:

Электронная почта:

Сообщение:



Я хочу, чтобы моя карта хорошо отображалась рядом с контактной формой на всех экранах, но на экранах меньшего размера она просто исчезает