Tạo bố cục Bento grid

Kéo thả ô, chỉnh số cột, khoảng cách, bo góc và xem bản điện thoại. Chép mã HTML, CSS Grid dán thẳng vào web hoặc WordPress.

Cách dùng

Chọn số cột, khoảng cách và độ bo góc ở cột trái.
Bấm vào một ô để đổi số cột, số hàng ô đó chiếm. Kéo ô sang chỗ khác để đổi thứ tự.
Bấm Điện thoại để xem bố cục tự gọn lại, rồi chép mã HTML và CSS dán vào web.

Câu hỏi thường gặp

Bento grid là gì?

Là cách xếp nội dung thành các ô to nhỏ khác nhau như hộp cơm Nhật, ô quan trọng chiếm nhiều chỗ hơn. Hay dùng cho trang giới thiệu tính năng, hồ sơ năng lực.

Mã chép ra có chạy trên WordPress không?

Có. Mã là HTML và CSS Grid thuần, dán vào khối HTML tuỳ chỉnh hoặc file CSS của giao diện là chạy.

Trên điện thoại bố cục ra sao?

Mã có sẵn đoạn cho màn nhỏ: lưới còn 2 cột, ô rộng hơn 2 cột tự thu về 2 cột.