<!--
CO_OP_TRANSLATOR_METADATA:
{
  "original_hash": "a212cc22a18eddf9046b7a16dfbafd8b",
  "translation_date": "2025-10-03T09:22:22+00:00",
  "source_file": "3-terrarium/2-intro-to-css/assignment.md",
  "language_code": "ne"
}
-->
# CSS पुनःसंरचना असाइनमेन्ट

## उद्देश्य

**Flexbox** वा **CSS Grid** प्रयोग गरेर टेरारियम परियोजनाको लेआउट पुनःसंरचना गर्नुहोस्। आधुनिक, उत्तरदायी डिजाइन प्राप्त गर्न HTML र CSS आवश्यक अनुसार अद्यावधिक गर्नुहोस्। तपाईंले तान्न मिल्ने तत्वहरू कार्यान्वयन गर्न आवश्यक छैन—लेआउट र शैलीमा मात्र ध्यान दिनुहोस्।

## निर्देशनहरू

1. **टेरारियम एपको नयाँ संस्करण बनाउनुहोस्।** लेआउटका लागि Flexbox वा CSS Grid प्रयोग गर्न मार्कअप र CSS अद्यावधिक गर्नुहोस्।
2. **कलाकृति र तत्वहरू जस्ताको तस्तै राख्नुहोस्।** मूल संस्करणमा जस्तै।
3. **तपाईंको डिजाइन कम्तीमा दुई फरक ब्राउजरहरूमा परीक्षण गर्नुहोस्।** (जस्तै, Chrome, Firefox, Edge)।
4. **प्रत्येक ब्राउजरमा तपाईंको टेरारियमको स्क्रिनसटहरू लिनुहोस्।** क्रस-ब्राउजर अनुकूलता प्रदर्शन गर्न।
5. **अद्यावधिक गरिएको कोड र स्क्रिनसटहरू पेश गर्नुहोस्।**

## मूल्यांकन मापदण्ड

| मापदण्ड   | उत्कृष्ट                                                                  | पर्याप्त                              | सुधार आवश्यक                          |
|------------|--------------------------------------------------------------------------|---------------------------------------|----------------------------------------|
| लेआउट     | Flexbox वा CSS Grid प्रयोग गरेर पूर्ण रूपमा पुनःसंरचना गरिएको; दृश्यात्मक रूपमा आकर्षक र उत्तरदायी | केही तत्वहरू पुनःसंरचना गरिएको; Flexbox वा Grid को आंशिक प्रयोग | Flexbox वा Grid को थोरै वा कुनै प्रयोग; लेआउट अपरिवर्तित |
| क्रस-ब्राउजर | धेरै ब्राउजरहरूको लागि स्क्रिनसटहरू प्रदान गरिएको; स्थिर उपस्थिति      | एक ब्राउजरको लागि स्क्रिनसटहरू; साना असंगतताहरू | कुनै स्क्रिनसटहरू छैनन् वा ठूला असंगतताहरू |
| कोड गुणस्तर | सफा, राम्रोसँग व्यवस्थित HTML/CSS; स्पष्ट टिप्पणीहरू                  | केही संगठन; थोरै टिप्पणीहरू           | अव्यवस्थित कोड; टिप्पणीहरूको अभाव      |

## सुझावहरू

- [Flexbox](https://css-tricks.com/snippets/css/a-guide-to-flexbox/) र [CSS Grid](https://css-tricks.com/snippets/css/complete-guide-grid/) गाइडहरू समीक्षा गर्नुहोस्।
- उत्तरदायित्व परीक्षण गर्न ब्राउजर डेभलपर उपकरणहरू प्रयोग गर्नुहोस्।
- स्पष्टताको लागि तपाईंको कोडमा टिप्पणीहरू थप्नुहोस्।

---

**अस्वीकरण**:  
यो दस्तावेज़ AI अनुवाद सेवा [Co-op Translator](https://github.com/Azure/co-op-translator) प्रयोग गरी अनुवाद गरिएको हो। हामी यथासम्भव सटीकता सुनिश्चित गर्न प्रयास गर्छौं, तर कृपया ध्यान दिनुहोस् कि स्वचालित अनुवादहरूमा त्रुटिहरू वा अशुद्धताहरू हुन सक्छन्। यसको मूल भाषामा रहेको मूल दस्तावेज़लाई आधिकारिक स्रोत मानिनुपर्छ। महत्वपूर्ण जानकारीका लागि, व्यावसायिक मानव अनुवाद सिफारिस गरिन्छ। यस अनुवादको प्रयोगबाट उत्पन्न हुने कुनै पनि गलतफहमी वा गलत व्याख्याको लागि हामी जिम्मेवार हुने छैनौं।