เลย์เอาต์ CSS แบบ 1 บรรทัดที่มีประโยชน์

<p>- จัดกึ่งกลางแบบสุด ๆ { place-items: center }<br /> - แพนเค้กที่แยกส่วน { flex: 0 1 &lt;baseWidth&gt; }<br /> - Sidebar Says { grid-template-columns: minmax(&lt;min&gt;, &lt;max&gt;) ... }<br /> - สแต็กแพนเค้ก { grid-template-rows: auto 1fr auto }<br /> - เลย์เอาต์ Holy Grail แบบคลาสสิก { grid-template: auto 1fr auto / auto 1fr auto }<br /> - กริด 12 คอลัมน์ { grid-template-columns: repeat(12, 1fr) }<br /> - RAM (Repeat, Auto, Minmax) { grid-template-columns: repeat(auto-fit, minmax(&lt;base&gt;, 1fr)) }<br /> - เรียงให้พอดี { justify-content: space-between }<br /> - Clamping My Style { clamp(&lt;min&gt;, &lt;actual&gt;, &lt;max&gt;) }<br /> - เคารพสัดส่วนภาพ { aspect-ratio: &lt;width&gt; / &lt;height&gt; }</p>

[xguru]

<p>จะเรียกว่าแค่ 1 บรรทัดก็อาจไม่เชิงนัก.. แต่ก็ดูน่าจะมีประโยชน์นะครับ</p>