grid-template-columns และ rows

grid-template-columns = ความกว้างแต่ละคอลัมน์

grid-template-rows = ความสูงแต่ละแถว (ถ้าไม่ใส่ แถวมักสูงตามเนื้อหา)

.layout {
  display: grid;
  grid-template-columns: 1fr 2fr;
  grid-template-rows: auto 300px;
}

สองคอลัมน์ อัตราส่วน 1:2 · แถวแรกสูงตามเนื้อหา แถวสองสูง 300px

ใช้ repeat(3, 1fr) แทนการพิมพ์ 1fr 1fr 1fr เมื่อคอลัมน์ซ้ำกัน