Help me keep this contact form inside its div


#1

https://cdn.rawgit.com/SlouchingToast/teo-hannum/ec35fe6e/index.html

Make your browser window super small or view on mobile. Notice what happens with the contact form at the very bottom of the page. If you view this page in desktop or expand your window, you’ll notice that it is alongside the map, just as intended. I want the div to extend the height required so that the contact form does not look so clunky in mobile view.

Just to get them side-by-side was a pain.


#2

are you setting breakpoints with mediaquery or using bootstrap for responsiveness?

You could also beef up the padding maybe so it’s not pressed right up against the map when the screen is small,…or push the map underneath it.

idk what you mean by, " I want the div to extend the height required so that the contact form does not look so clunky in mobile view."

edit: ahh I see you’re using bootstrap.