เครื่องมือสร้าง CSS Grid

วิธีสร้าง CSS Grid

1. ตั้งมิติ grid: ระบุจำนวนคอลัมน์และแถวสำหรับ grid ของคุณ
2. ตั้งค่าช่องว่าง: ตั้งช่องว่างระหว่าง grid items โดยใช้ slider
3. ปรับขนาดคอลัมน์/แถว: ตั้งขนาดโดยใช้ fr, px, % หรือ auto สำหรับแต่ละ track
4. คัดลอก grid CSS: คัดลอก grid CSS ที่สร้างขึ้นสำหรับ container และ items ของคุณ

คุณสมบัติหลัก

• สร้าง CSS Grid layout แบบภาพ
• กำหนด rows และ columns ด้วยหน่วยใดก็ได้
• ควบคุม gap และ alignment
• วาง items ด้วยการลาก
• รองรับ named grid areas
• คัดลอก CSS Grid code ครบถ้วน

คำถามที่พบบ่อย