Phần dưới

Bài học 19 trên 19 trong khóa học Bản sao trang đăng nhập Netflix | Dự án front-end của Coddy.

Thử thách

Dễ

Lớp cần nhắm đến form-help:

Đặt display thành flex
Đặt justify-content thành space-between

Lớp cần nhắm đến remember-me:

Đặt display thành flex

Nhắm đến input thuộc lớp remember-me, đặt margin-right thành 5px.

Để hoàn thiện chính xác hơn, hãy thêm đoạn code này vào cuối:

.form-wrapper a:hover {
    text-decoration: underline;
}

form .form-help :where(label, a) {
    font-size: 14px;
}

form button:hover, #code:hover {
    opacity: 0.8;
}

Tự làm thử

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
    <body>
        <!-- Viết code HTML ở đây -->
        <script src="script.js"></script>
    </body>
</html>