İ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="">&nbsp;</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="">&nbsp;</label>
                                    <button type="submit" name="submit" class="btn btn-dark">Gönder</button>
                                </div>
                            </div>
                        </form>
                    </div>