#layout 9

CSS Grid Advanced — Subgrid, Template Areas, Named Lines

เทคนิค Grid ระดับสูง: subgrid, named grid areas, auto-placement algorithm, และ grid ซ้อน grid

CSS Logical Properties — Writing Mode Aware Layout

margin-inline, padding-block, inset-inline-start — เขียน CSS ที่รองรับ RTL และ vertical text โดยไม่ต้องเขียน rule ซ้ำ

CSS Subgrid — Nested Grids ที่ Align กับ Parent

CSS Subgrid ช่วยให้ nested elements align กับ grid ของ parent ได้ — แก้ปัญหา misaligned columns ใน card grids

CSS Print Styles — ทำ @media print ให้ดูดีจริง

เทคนิค print stylesheet สำหรับหน้า CV, report และ document ที่พิมพ์หรือบันทึกเป็น PDF ได้อย่างถูกต้อง

CSS Anchor Positioning — ยึด element กับ element อื่น

CSS grid-template-areas — layout เป็น visual map

CSS Logical Properties — เขียน layout ที่ตามทิศทางข้อความ

CSS Subgrid ทำให้ grandchildren align กับ parent grid ได้

grid-template-columns: subgrid ส่ง grid track ของ parent ลงมาให้ลูกหลานใช้ต่อ — ไม่ต้องวาง column ซ้ำอีกชั้น