Bài tập tại lớp - Buổi 4: Chia layout

Yêu cầu

1. Dựng lại toàn bộ bố cục trang chủ bằng Flexbox: header ngang, khu vực nội dung chia thành main và sidebar, footer chia thành nhiều cột thông tin.
2. Menu điều hướng của buổi 3 chuyển sang bố trí ngang bằng Flexbox, các mục căn đều nhau.
3. Khu vực "Nội dung học phần" trình bày thành lưới thẻ bằng Flexbox, các thẻ có kích thước không đều nhau bằng flex-grow và flex-basis.
4. Dùng position: sticky hoặc fixed cho thanh menu để luôn hiển thị khi cuộn trang.
5. Dùng position: relative và absolute để đặt nhãn lên góc của thẻ nội dung.
6. Nhúng iframe hiển thị 1 tài nguyên học tập bên ngoài trong khu vực sidebar.
7. Thử dựng lại phần bảng lịch trình theo 2 cách, bằng table của buổi 1 và bằng Flexbox, viết comment nhận xét ưu nhược điểm của từng cách.