Week4 - BTVN Lần 1

Chọn mã đề để xem đề bài, file gốc và đáp án về bố cục Flexbox.

Tiêu chí đánh giá (áp dụng chung cho toàn bộ 8 mã đề của lần giao này)

Nhóm tiêu chí Tiêu chí cụ thể Điểm
Yêu cầu kỹ thuật bắt buộcBố cục ít nhất 4 vùng: header, nav, nội dung nhiều cột, footer nhiều cột1
Yêu cầu kỹ thuật bắt buộcKhu vực nội dung ít nhất 6 thẻ con dùng Flexbox, không đều nhau nhờ flex-grow/flex-basis1
Yêu cầu kỹ thuật bắt buộcBắt buộc dùng justify-content, align-items, align-self cho 1 phần tử riêng, và order đổi thứ tự 1 phần tử1
Yêu cầu kỹ thuật bắt buộcÍt nhất 1 phần tử inline-block và 1 phần tử display none0.5
Yêu cầu kỹ thuật bắt buộcKhông dùng CSS Grid, không dùng float0.5
Vận dụng đúng bản chấtBố cục Flexbox không vỡ khi thay đổi kích thước cửa sổ, hiểu đúng vai trò container/item2
Kiến thức đã họcThẻ semantic, Box Model, đơn vị linh hoạt và CSS selector được dùng phù hợp trong bố cục Flexbox1.5
Hiển thị bố cụcCác vùng nội dung và footer không chồng lấn; khoảng cách giữa các vùng rõ ràng1.5
Mã đề được giaoNội dung phù hợp ngữ cảnh và đáp ứng ràng buộc cấu trúc riêng của mã đang chấm1
Tổng10