Login form Issue on Resolution 980

[shahzadsiddiqui8]

I have a login page which is running on all resolution but having issue on 980 resolution,
the page is running properly in all resolutions, but in 980 resolution it is coming only on left side, it should come on middle of the page…

http://www.metalsauda.com/GlobalLogistics/respIssue/loginPg/login.html

and for taking form into center i am using a class i.e. centered can i am doing right way for taking center of this form…

.centered {
position: absolute;
top: 22%;
left: 2%;
}

Thanks

[RyanReese]

You could set that .centered to be left:0;right:0;and then margin:auto;. That wouldcenter it.

TBH I don’t see it off center right now so it’s hard to tell if that works for you. It’s displaying center for all resolutions for me.

[shahzadsiddiqui8]

@RyanReese

left:0;right:0;and then margin:auto;

Thanks for reply, margin: 0 auto; it will center my form but i need vertically : middle for this form…

[RyanReese]

Try these styles:

.centered {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  margin: auto;
}