Uyga vazifa

Fan: Advanced UX/UI dizayn va Advanced Front-end
Sinf: 10-sinf
Hafta: 6-hafta
Topshirish muddati: Keyingi darsga qadar (7-hafta, 1-dars)

---

Topshiriq 1: CSS selektorlari va Box Model qiyin

1. Maktab saytining style.css faylini yarating: * { box-sizing: border-box; }, body shrifti va rangi, nav a va a:hover qoidalari.
2. .card class ini yozing (width, padding, border, border-radius, hover soya) va 3 ta karta joylashtiring.
3. Ikki ziddiyatli qoida yozing va DevTools da qaysi biri g'olib ekanini, sababini bir jumlada yozing.

---

Topshiriq 2: Flexbox o'rta

1. Maktab sayti uchun navbar yasang: logo chapda, 4 havola o'ngda (flex, gap, margin-left: auto).
2. 3–4 ta kartani flex-wrap va flex: 1 1 220px bilan moslang va oynani toraytirib skrinshot oling.
3. Sahifani footer pastda turadigan qilib sozlang (min-height: 100vh, flex-direction: column).

---

Topshiriq 3: CSS Grid oson

1. Maktab sayti uchun grid-template-areas maketini (header, sidebar, main, footer) yozing.
2. Kartalar to'rini repeat(auto-fit, minmax(200px, 1fr)) bilan yasang va 3 xil kenglikda skrinshot oling.
3. Grid va Flexbox qachon ishlatilishini 5 qatorli jadvalda yozing.

---

Baholash mezoni

Mezon	Ball
16-dars: CSS selektorlari va Box Model	3
17-dars: Flexbox navbar va kartalar qatori	3
18-dars: CSS Grid sahifa maketi	2
Toza, o'z vaqtida va mustaqil bajarilgan	2
Jami	10
Bonus: bonus darajadagi topshiriq	+2

---