Bố cục phức tạp

Bài học 2 trên 5 trong khóa học Thử thách HTML/CSS, gói III của Coddy.

Thử thách

Dễ

Hướng dẫn:

bảy phần tử div
màu xanh lá cây
chỉ dùng flex box
chỉ dùng gap để tạo khoảng cách
chỉ dùng flex để xác định kích thước bố cục

Hình ảnh:

Tự làm thử

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

Tất cả bài học trong Thử thách HTML/CSS, gói III

1Thử thách

Tiêu đềBố cục phức tạpẢnh hình tròn Thẻ kinh nghiệm Người tuyết

Tự luyện tập: Playground Web