Đề bài: [Thiết kế Web] Bố cục Bento 4 ô

Cho HTML gồm .bento chứa 4 thẻ .item (.a, .b, .c, .d).

Viết CSS: .bento là grid 4 cột x 2 hàng (grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(2, 150px)), khoảng cách 12px. Đặt vị trí bằng grid-column/grid-row (cú pháp start / end):

• .a chiếm cột 1→3, hàng 1→3 (ô lớn góc trên-trái)
• .b chiếm cột 3→5, hàng 1→2
• .c chiếm cột 3→4, hàng 2→3
• .d chiếm cột 4→5, hàng 2→3

Bốn ô này phải lấp kín toàn bộ lưới, không chồng lấn.