CSS Grid

CSS Grid เป็นการแสดงผลกี่มิติ

• 1 มิติ

• 2 มิติ

• 3 มิติ

• 4 มิติ

(a)   เป็นการกำหนดว่า grid ของเราจะมีกี่ column และ ​ ​ (b)   ใช้เพื่อกำหนด row ให้กับ grid

• grid-template-columns
• grid-template-rows
• grid-template
• grid-column
• ​grid-row

Match the following

• กำหนดรูปแบบการ align ในแนวนอนของ cell ในตาราง ตามค่าที่ระบุไว้ใน property

• justify-content

• จะเป็นการกำหนดระยะห่างระหว่าง cell

• gap

• กำหนดรูปแบบการ align cell ในตาราง คล้ายกับ justify-content แต่จะเป็นในตั้ง

• display

• เป็นคำสั่งเพื่อประกาศใช้ layout รูปแบบ grid

• align-content

เป็นการกำหนดจุดเริ่มต้นและจุดสิ้นสุดของ cell ในแนวนอน

สมมุติว่าใบบัวโตได้ 2 เท่าในทุกๆวัน ในวันที่ 20 ใบบัวเต็มสระ

อยากรู้ว่าใบบัวโตได้ครึ่งสระในวันที่เท่าไหร่ ?

• 9

• 10

• 19

• 20

รู้สึกว่า การบ้านยากไปไหมครับ

• ยากมาก

• ยาก

• เฉยๆ

• ง่าย

เป็นยังไงบ้างครับ มีส่วนไหนไม่เข้าใจไหมครับ ลองพิมพ์มาบอกกันได้นะครับ