You have to twll your app the difference between screen sizes i.e. pc, tablet and phone...
To do that, you need to specify each size and what is required to display it properly. I always spend some time here as this make your app work or just create aggrevation for your users -
As samples, see below code -
NORMAL SCREEN
.pwdinput {
font-size: 18px;
font-weight: 500;
text-align: center;
@media (min-width: 481px) and (max-width: 767px) {
.pwdinput {
font-size: 16px;
font-weight: 500;
text-align: center;
@media (min-width: 320px) and (max-width: 480px) {
.pwdinput {
font-size: 16px;
font-weight: 500;
text-align: center;
Inside each you can now add BLOCK, SIZE etc to make it work for you.