🔲 CSS Grid

Grid בסיסי - 3 עמודות שוות

grid-template-columns: 1fr 1fr 1fr

1

2

3

4

5

6

עמודות משולבות

grid-template-columns: 200px 1fr 200px

Sidebar
200px

Main
1fr

Sidebar
200px

Grid Template Areas

Main Content

Span - תפיסת מספר תאים

span 2x2

3

4

span 2 cols

7

8

9

10

Auto-fit (רספונסיבי אוטומטי)

grid-template-columns: repeat(auto-fit, minmax(150px, 1fr))

1

2

3

4

5

דוגמה: גלריה

⭐

📷

📷

📷

📷

📷

📷