CSS Grid

Imagine a grid like an Excel sheet.

• Row 1 – The box starts in the first row.
• Col Start 3 – It begins at the third column.
• Col Span 8 – The box stretches across 8 columns (from column 3 to 10).
• Row Span 1 – It occupies only 1 row in height.

Visual:

| 1 | 2 | [  Box  ] | 11 | 12 |

(Box starts at column 3 and spans 8 columns)