Menu
CoddyTech

Body và lớp wrapper

Bài học 9 trên 17 trong khóa học Accordion hình ảnh | Dự án front-end của Coddy.

challenge icon

Thử thách

Dễ

Thẻ body cần chỉnh:

  1. Đặt màu nền tùy ý, hoặc bạn có thể chọn:

    background: linear-gradient(135deg, rgb(255, 183, 183), rgb(255, 0, 76));

Lớp ‘wrapper’ cần chỉnh:

  1. Đặt chiều rộng thành 100% và chiều cao thành 100 vh.
  2. Đặt display thành Flex.
  3. Đặt align-items và justify-content thành center.

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>

Tất cả bài học trong Accordion hình ảnh | Dự án front-end

Tự luyện tập: Playground Web