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.
41 lines
5.3 KiB
41 lines
5.3 KiB
<!--
|
|
CO_OP_TRANSLATOR_METADATA:
|
|
{
|
|
"original_hash": "a212cc22a18eddf9046b7a16dfbafd8b",
|
|
"translation_date": "2025-10-03T09:18:53+00:00",
|
|
"source_file": "3-terrarium/2-intro-to-css/assignment.md",
|
|
"language_code": "mr"
|
|
}
|
|
-->
|
|
# 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) चा वापर करून भाषांतरित करण्यात आला आहे. आम्ही अचूकतेसाठी प्रयत्नशील असलो तरी कृपया लक्षात ठेवा की स्वयंचलित भाषांतरांमध्ये त्रुटी किंवा अचूकतेचा अभाव असू शकतो. मूळ भाषेतील दस्तऐवज हा अधिकृत स्रोत मानला जावा. महत्त्वाच्या माहितीसाठी व्यावसायिक मानवी भाषांतराची शिफारस केली जाते. या भाषांतराचा वापर करून उद्भवलेल्या कोणत्याही गैरसमज किंवा चुकीच्या अर्थासाठी आम्ही जबाबदार राहणार नाही. |