เครื่องสร้าง CSS Grid — Layout Grid ขั้นสูง

CSS Grid เป็นเครื่องมือ CSS ที่ดีที่สุดสำหรับการสร้าง layouts สองมิติที่ซับซ้อน Grid generator ช่วยออกแบบ layout แบบ visual โดยไม่ต้องเขียนโค้ดด้วยมือ

แนวคิดหลักของ CSS Grid

• grid-template-columns/rows — กำหนด grid tracks
• fr — หน่วย fraction (1fr = 1 ส่วนของพื้นที่ว่าง)
• grid-column/row — การวางตำแหน่ง elements ใน grid
• grid-template-areas — named areas สำหรับ layout ที่อ่านง่าย
• gap — ระยะห่างระหว่างเซลล์