I am trying to make form centre of the page. it is happening only when I change the height of Html and body tag to 100% in the inspection tools but the same CSS what I wrote in the IDE isn't effecting in inspection tools.
html,body{
height: 100% !important;
}<div class="row h-100 flex-column justify-content-center align-items-center"><form [formGroup]="form"><div class="form-group"><label for="username">Login</label><input formControlName="username" id="username" type="text" class="form-control"></div><button class="btn btn-primary" type="submit">Sign Up</button></form></div>