¿Why check-button doesnt show correctly on mobile?

Okay so i got this little login page

on desktop:

desk

on mobile:

enter image description here

html:

<section class="flex-container">      <div class="imagex">      <img src="./src/rat2.svg" class='rat' alt="" srcset="">    </div>      <div class="form-container">          <input class="form-control form-i" type="text" placeholder="ID">              <input class="form-control form-i" type="password" placeholder="PASSWORD">              <div class="form-f">        <input class="form-i check" type="checkbox"">        <p>REMEMBER ME</p>      </div>          <button class="btn btn-primary form-i btnF" type="submit">SIGN</button>    </div>  

why works different ?

https://stackoverflow.com/questions/65590045/why-check-button-doesnt-show-correctly-on-mobile January 06, 2021 at 12:05PM