Login form Issue on Resolution 980

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…


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%;


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.

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

Try these styles:

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

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.