You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
3.9 KiB
3.9 KiB
CSS ریفیکٹرنگ اسائنمنٹ
مقصد
ٹیراریئم پروجیکٹ کو Flexbox یا CSS Grid کے ذریعے لے آؤٹ کے لیے ریفیکٹر کریں۔ جدید اور ریسپانسیو ڈیزائن حاصل کرنے کے لیے HTML اور CSS کو اپ ڈیٹ کریں۔ آپ کو ڈریگ ایبل عناصر نافذ کرنے کی ضرورت نہیں ہے—صرف لے آؤٹ اور اسٹائلنگ پر توجہ دیں۔
ہدایات
- ٹیراریئم ایپ کا نیا ورژن بنائیں۔ لے آؤٹ کے لیے Flexbox یا CSS Grid استعمال کرنے کے لیے مارک اپ اور CSS کو اپ ڈیٹ کریں۔
- یقینی بنائیں کہ آرٹ اور عناصر موجود ہیں جیسا کہ اصل ورژن میں تھا۔
- اپنے ڈیزائن کو کم از کم دو مختلف براؤزرز میں ٹیسٹ کریں (جیسے Chrome، Firefox، Edge)۔
- اپنے ٹیراریئم کے اسکرین شاٹس لیں ہر براؤزر میں کراس-براؤزر مطابقت کو ظاہر کرنے کے لیے۔
- اپنا اپ ڈیٹ شدہ کوڈ اور اسکرین شاٹس جمع کروائیں۔
معیار
| معیار | مثالی | مناسب | بہتری کی ضرورت |
|---|---|---|---|
| لے آؤٹ | مکمل طور پر Flexbox یا CSS Grid کے ذریعے ریفیکٹر کیا گیا؛ بصری طور پر دلکش اور ریسپانسیو | کچھ عناصر ریفیکٹر کیے گئے؛ جزوی طور پر Flexbox یا Grid کا استعمال | Flexbox یا Grid کا کم یا کوئی استعمال؛ لے آؤٹ میں کوئی تبدیلی نہیں |
| کراس-براؤزر | متعدد براؤزرز کے لیے اسکرین شاٹس فراہم کیے گئے؛ مستقل ظاہری شکل | ایک براؤزر کے لیے اسکرین شاٹس؛ معمولی تضادات | کوئی اسکرین شاٹس نہیں یا بڑے تضادات |
| کوڈ کا معیار | صاف، اچھی طرح سے منظم HTML/CSS؛ واضح تبصرے | کچھ تنظیم؛ چند تبصرے | غیر منظم کوڈ؛ تبصرے کی کمی |
تجاویز
- Flexbox اور CSS Grid گائیڈز کا جائزہ لیں۔
- ریسپانسو نیس کو ٹیسٹ کرنے کے لیے براؤزر ڈیولپر ٹولز استعمال کریں۔
- وضاحت کے لیے اپنے کوڈ میں تبصرے شامل کریں۔
ڈسکلیمر:
یہ دستاویز AI ترجمہ سروس Co-op Translator کا استعمال کرتے ہوئے ترجمہ کی گئی ہے۔ ہم درستگی کے لیے کوشش کرتے ہیں، لیکن براہ کرم آگاہ رہیں کہ خودکار ترجمے میں غلطیاں یا غیر درستیاں ہو سکتی ہیں۔ اصل دستاویز کو اس کی اصل زبان میں مستند ذریعہ سمجھا جانا چاہیے۔ اہم معلومات کے لیے، پیشہ ور انسانی ترجمہ کی سفارش کی جاتی ہے۔ اس ترجمے کے استعمال سے پیدا ہونے والی کسی بھی غلط فہمی یا غلط تشریح کے لیے ہم ذمہ دار نہیں ہیں۔