如何使第一个元素在居中对齐的弹性项目中可用

Question

使用居中对齐的flexbox时，较小视口的滚动条中的第一个元素将被隐藏并且不可用。

例如，缩小到小VP，第一个元素被隐藏： https://codepen.io/tomjoad2000/pen/xoaKrg

在FF和Chrome中均经过测试。 无需手动调整较小视口的尺寸，是否可以解决？

if(isset($_POST['login'])) {

    $username = $_POST["username"];
    $password = $_POST["password"];

    $query = "SELECT * FROM USERNAME WHERE user_id= ? ";
    $params = array($username);
    $stmt = sqlsrv_prepare($conn, $query, $params);

    if(sqlsrv_execute($stmt)){

        $row = sqlsrv_fetch_array($stmt, SQLSRV_FETCH_ASSOC);

        $hash_password = $row['password'];

        $new = password_verify($password, $hash_password);

        if(password_verify($password, $hash_password)){

            $msg = "Login Success"; 

        }else{

            $msg = "Login failure";

        }

    }

}