Các lượt nộp
    Danh sách bài
    Trang chủ
    Báo lỗi
    Chưa chọn file
    Đăng nhập
    Đăng nhập

    Đề bài: [Thiết kế Web] Responsive 4 → 2 → 1 cột

    📖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 sau (khối .responsive-grid chứa 8 thẻ .box2). Viết CSS: mặc định (màn hình rộng, > 900px) hiển thị 4 cột bằng nhau; khi độ rộng màn hình từ 601px đến 900px hiển thị 2 cột bằng nhau; khi độ rộng màn hình <= 600px hiển thị 1 cột. Luôn giữ gap 12px ở mọi kích thước.

      Chủ đề

      🌐 Thiết kế WebThiết kế WebThiết kế Web: CSS — Grid & Đáp ứngTất cả môn học

      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