how to make my login page responsive?

Hi All,

I am trying to prepare responsive login page for my work. I prepared one template with the help of tutorials. But it is not responsive. So please help me to make my login page respective.

Explanation about my Login page:

I used 3 div tags one is main div tag name it as “log-wrapper”. For headings and logo display “log-header” for content like login form and contact details created a div called “log-container”, I want to display image as background for this content div. After this content div I want to insert “current new” div but I am unable to insert it below content div.

When I run my html page in browser it looks fine in desktop. But it looks different in other system. The shape and positions of login form and contact and current new are changed automatically.

Can anyone help me to solve this issue and tell me where I did mistake?