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] Bố cục holy grail cơ bản

    📖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 .page chứa header, .body (gồm .left, .main, .right) và footer.

    Viết CSS:

    • .page là flex container theo CỘT (flex-direction: column, min-height: 500px).
    • .body là flex container hàng ngang và chiếm hết phần còn lại (flex: 1).
    • Trong .body: .left và .right rộng cố định 150px, KHÔNG co giãn; .main chiếm hết phần không gian còn lại.

      Chủ đề

      🌐 Thiết kế WebThiết kế WebThiết kế Web: CSS — FlexboxTấ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