Đề bài: [Thiết kế Web] Grid auto-fit responsive

Cần ôn lý thuyết? Đọc bài giảng Buổi 9: Thiết kế bố cục (2): Flexbox, Grid và thiết kế đáp ứng — khóa Thiết kế Web

Cho HTML gồm .cards chứa 6 thẻ .card. Viết CSS để .cards tự động thay đổi số cột theo độ rộng màn hình MÀ KHÔNG cần media query, bằng cách dùng grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)). Khoảng cách 16px.

Thư Mục

root

index.html

style.css

script.js

Chọn một file để chỉnh sửa hoặc tạo file mới

Console

Không có đầu ra