Просмотр проблем HTML с изображением, небольшой формой и встроенным календарем на мобильном телефоне ⇐ Html

[Anonymous]

Я учусь и пытаюсь сделать HTML -страницу с изображением слева, встроенным календарем (внешним сайтом) справа и короткой формой запроса ниже.
он выглядит нормально на рабочем столе, но не будет правильно размер в виде планшета /мобильного мобильного телефона, где вы можете увидеть правую колонку с календарем. Календарь справа не отображается в окне и не прокручивает и не изменяет размер в соответствии. < /P>
Спасибо большое. Я все еще выясняю это и понимаю, что это может быть довольно корректирующим. < /P>

Код: Выделить всё

SMLDM Hosting #DiscoverDesertRiches









.container {
display: flex; /* Creates a flex container */
align-items: center; /* Vertically aligns the image and text */
}

.image-column {
margin-right: 20px; /* Adds space between the image and text */
}




[img]images/fulls/07.jpg[/img]

:root{--scolor: #00d63d;}.grupzring{display: inline-block; width: 200px; height: 200px; position: absolute; margin: auto; top: 0; right: 0; bottom: 0; left: 0;}.grupzring div{box-sizing: border-box; display: block; width: 200px; height: 200px; position: absolute; margin: auto; top: 0; right: 0; bottom: 0; left: 0; margin: 0px; border: 6px solid var(--scolor); border-radius: 50%; animation: grupzring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite; border-color: var(--scolor) transparent transparent transparent;}.grupzring div:nth-child(1){animation-delay: -0.45s;}.grupzring div:nth-child(2){animation-delay: -0.3s;}.grupzring div:nth-child(3){animation-delay: -0.15s;}@keyframes grupzring{0%{transform: rotate(0deg);}100%{transform: rotate(360deg);}}
https://grupz.com/avail-calendar-medium-18/1751816895929x855613229495222300?legend=no style=




Rental Date Inquiry


 First Name 


 Last Name 





 Email 


Select first choice



Select second choice


Submit

Подробнее здесь: https://stackoverflow.com/questions/797 ... r-on-mobil