Center login on smaller screens

Hello Community,


I was able to find a good code with help from you guys to center the login page. My only issue is that of a full screen its fine but its off-centered on smaller screens like phone and tablets?

Any thoughts or help on this i would really appreciate.


Thanks., {
margin-left: 50%;
transform: translate(-25%, 0%);
text-align: center;
align-content: center;
justify-content: center;
object-position: 50% 50%;
columns: center;} div {
transform: translate(0%, 0%);} {
text-align: center;
margin-left: 30%;}

@Chris Thanks so much this was exactly what i needed!!!! Still learning CSS to better build apps with Knack!