Bấm vào từng bước để xem trạng thái tích lũy của trang sau khi hoàn thành yêu cầu tương ứng. Mỗi bước là một dự án độc lập, có thể mở trực tiếp bằng trình duyệt.
📄
Đề bài
Yêu cầu và tiêu chí đánh giá của bài tập tại lớp.
1
Bố cục trang chủ bằng Flexbox
Header ngang, khu vực main + sidebar, footer nhiều cột.
2
Menu điều hướng bằng Flexbox ngang
Menu của Buổi 3 chuyển sang Flexbox, các mục căn đều nhau.
3
Lưới thẻ "Nội dung học phần"
Trình bày bằng Flexbox, kích thước không đều bằng flex-grow/flex-basis.
4
Menu dính khi cuộn trang
Dùng position: sticky cho thanh menu.
5
Nhãn góc thẻ nội dung
Dùng position: relative/absolute để đặt nhãn lên góc thẻ.
6
Nhúng iframe tài nguyên học tập
Iframe đặt trong khu vực sidebar, không phá vỡ bố cục.
✓
Đáp án minh họa (tài liệu giáo viên, không phát cho người học)
Đủ 7 yêu cầu, kèm bảng lịch trình dựng lại theo cả table và Flexbox để so sánh.