CSS 21 💻 grid-row-start, grid-column-start, grid-row-end and grid-column-end properties

a - grid-row-start and grid-column-start properties
grid-row-start specifies where a grid item should start within a grid row
values  → auto(next available row), integer, span #n
grid-row-start: 2; → Places the grid item at the start of row 2
grid-column-start specifies where a grid item should start within a grid column
values  → auto(next available row), integer, span #n
grid-column-start: 3; → Places the grid item at the start of column 3

b - grid-row-end and grid-column-end properties
grid-row-end specifies where a grid item ends within a grid row. 
values  → auto(next available row), integer, span #n
grid-row-end: 4; → Places the grid item at the end of row 3
grid-column-end specifies where a grid item ends within a grid column.
values  → auto(next available row), integer, span #n
grid-column-end: 4;  → Places the grid item at the end of column 3

---

Stop using slow, ad-bloated tool sites! 🤮

🔎 Search “KandZ Tools” on Google to use many professional utilities for free.

KandZ.me is the ultimate minimalist hub for:
✅ Finance (Mortgage, Interest, Inflation)
✅ Tech (Base64, JSON, Dev Suite, IP)
✅ Health (BMI, BMR, TDEE)
✅ Productivity (Timer, Workspace, QR)

⚡️ Fast & Private
🔒 No data leaves your device
💎 100% Free

🔗 Use it now: https://tools.kandz.me
🔖 Bookmark it—you’ll need it later!