MagicKit.ai

Trình Tạo CSS Grid

Tạo bố cục CSS Grid một cách trực quan. Thiết lập cột, hàng, khoảng cách và căn chỉnh. Xem trước theo thời gian thực và sao chép mã CSS sẵn sàng sử dụng.

3
2
16px
16px
6
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-template-rows: auto auto;
gap: 16px;
justify-items: stretch;
align-items: stretch;
justify-content: start;
align-content: start;
1
2
3
4
5
6

Công cụ liên quan

🔒 Kết quả tức thì, nhanh hơn AI. Không cần đăng ký. 100% riêng tư.