İlk resimde yer alan kullanıcı ve şifreniz labelları gibi kullanıcı adınız ve kullanıcı eposta labellarını nasıl aynı boyutta yapabilirim.
login.php bölümünde yer alan kodlar
<div class="mt-1 d-flex flex-column align-items-center">
<form method="post" action="" id="login_form">
<div class="hstack gap-2">
<div class="col-4 d-flex justify-content-end flex-column">
<label class="text-dark" for="username">Kullanıcı Adınız:</label>
<input type="text" class="form-control" name="username" id="username"
placeholder="">
</div>
<div class="col-4 d-flex justify-content-end flex-column">
<label class="text-dark" for="password">Hesap Şifreniz:</label>
<input type="password" id="password" name="password" class="form-control"
placeholder="">
</div>
<div class="col-4 d-flex justify-content-end flex-column">
<label for=""> </label>
<button type="submit" name="submit" class="btn btn-dark">Giriş Yap</button>
</div>
</div>
</form>
</div>lost_password.php bölümünde yer alan kodlar <div class="container">
<div class="logo d-flex justify-content-center align-items-center mt-4 flex-column">
<div class="content p-3 pt-0 bg-white bg-gradient rounded text-white shadow-lg" style="--bs-bg-opacity: .6;">
<div class="logo d-flex justify-content-center align-items-center mt-4 flex-column">
<form method="post" action="" id="login_form">
<div class="hstack gap-2">
<div class="col-4">
<label class="text-dark" for="username">Kullanıcı Adınız:</label>
<input type="text" class="form-control" name="username" id="username" placeholder="">
</div>
<div class="col-4">
<label class="text-dark" for="mail">Kullanıcı E-Posta:</label>
<input type="email" id="mail" name="mail" class="form-control" placeholder="">
</div>
<div class="col-4 d-flex justify-content-end flex-column">
<label for=""> </label>
<button type="submit" name="submit" class="btn btn-dark">Gönder</button>
</div>
</div>
</form>
</div> 