✨ CSS Grid Generator – Kéo thả layout trong vài phút

Tùy chỉnh số cột, hàng, khoảng cách – kéo thả các block để tạo layout grid. Công cụ sẽ sinh ra HTML & CSS sẵn sàng copy.

Hướng dẫn nhanh

  1. Điều chỉnh số cột, hàng, gap để phù hợp với thiết kế của bạn.
  2. Nhấn nút Thêm ô mới hoặc biểu tượng + để tạo block.
  3. Kéo tay cầm ở góc dưới bên phải để thay đổi kích thước ô theo từng ô grid.
  4. Giữ và kéo block để sắp xếp lại vị trí theo ý muốn.
  5. Copy HTML/CSS phía dưới và dán vào dự án của bạn.
HTML sinh ra

      
CSS sinh ra

      

Kira ChatBox - Trợ lý AI