html - From float:left and right to under eachother -

html - From float:left and right to under eachother -

i busy portfolio site , going create responsive.

the things responsive i'm struggling contact page.

code:

.footercontact .informatie { float: left; margin-left: 20%; margin-top: 10%; color: white; width: 250px; } .footercontact .form { float: right; margin-right: 20%; margin-top: 10%; color: white; width: 300px; }

now using media query set them under each other when de screen size smaller 1115px

example can found here

how can this?

@media screen , (max-width: 1115px) { .footercontact .informatie { float: none; margin-left: 20%; margin-top: 10%; color: white; width: 250px; } .footercontact .form { float: none; margin-left: 20%; margin-top: 100px; color: white; width: 250px; } }

your form working in responsive mode.

you have set margin: auto center align divs.

fiddle: http://jsfiddle.net/l2mvewlo/1/

html css media-queries