# CSS ಮರುವ್ಯವಸ್ಥೆ ಕಾರ್ಯನಿರ್ವಹಣಾ

## ಉದ್ದೇಶ

ನಿಮ್ಮ ಟೆರೆರಿಯಂ ಪ್ರೊಜೆಕ್ಟ್ ಅನ್ನು ಆಧುನಿಕ CSS ವಿನ್ಯಾಸ ತಂತ್ರಗಳನ್ನು ಬಳಸಲು ಪರಿವರ್ತನೆ ಮಾಡಿ! ಪ್ರಸ್ತುತ ಅಬ್ಸೊಲುಟ್ ಪೋಜಿಷನಿಂಗ್ ವಿಧಾನವನ್ನು ಮರು ರಚಿಸಿ **Flexbox** ಅಥವಾ **CSS Grid** ಅನ್ನು ಹೆಚ್ಚು ನಿರ್ವಹಣೀಯ, ಪ್ರತಿಕ್ರಿಯಾಶೀಲ ವಿನ್ಯಾಸಕ್ಕಾಗಿ ಜಾರಿಗೊಳಿಸಿ. ಈ ಕಾರ್ಯನಿರ್ವಹಣೆಯು ನಿಮ್ಮ ಟೆರೆರಿಯಂದ ದೃಶ್ಯ ಆಕರ್ಷಕತೆಯನ್ನು ಕಾಯ್ದುಕೊಂಡು ಆಧುನಿಕ CSS ಪ್ರಮಾಣಧಾರಣೆಗಳನ್ನು ಅನ್ವಯಿಸುವ ಸವಾಲಾಗಿದೆ.

ವಿಭಿನ್ನ ವಿನ್ಯಾಸ ವಿಧಾನಗಳನ್ನು ಯಾವಾಗ ಮತ್ತು ಹೇಗೆ ಬಳಸಬೇಕು ಎಂಬುದನ್ನು ಅರಿಯುವುದು ಆಧುನಿಕ ವೆಬ್ ಅಭಿವೃದ್ಧಿಗಾಗಿ ಅತ್ಯಗತ್ಯ ನೈಪುಣ್ಯವಾಗಿದೆ. ಈ ವ್ಯಾಯಾಮವು ಸಾಂಪ್ರದಾಯಿಕ ಪೋಜಿಷನಿಂಗ್ ತಂತ್ರಗಳನ್ನೂ ಆಧುನಿಕ CSS ವಿನ್ಯಾಸ ವ್ಯವಸ್ಥೆಗಳೊಂದಿಗೆ ಸೇರ್ಪಡೆಗೊಳಿಸುತ್ತದೆ.

## ಕಾರ್ಯನಿರ್ವಹಣಾ ಸೂಚನೆಗಳು

### ಹಂತ 1: ವಿಶ್ಲೇಷಣೆ ಮತ್ತು ಯೋಜನೆ
1. **ನಿಮ್ಮ ಪ್ರಸ್ತುತ ಟೆರೆರಿಯಂ ಕೋಡ್ ಪರಿಶೀಲಿಸಿ** - ಯಾವ ಎಲೆಮೆಂಟ್‌ಗಳು ಈಗ ಅಬ್ಸೊಲುಟ್ ಪೋಜಿಷನಿಂಗ್ ಬಳಿಸುತ್ತಿವೆ ಎಂಬುದನ್ನು ಗುರುತಿಸಿ
2. **ನಿಮ್ಮ ವಿನ್ಯಾಸ ವಿಧಾನ ಆಯ್ಕೆಮಾಡಿ** - Flexbox ಅಥವಾ CSS Grid ಯಾವುದು ನಿಮ್ಮ ವಿನ್ಯಾಸ ಉದ್ದೇಶಗಳಿಗೆ ಸೂಕ್ತವೆಂದು ನಿರ್ಧರಿಸಿ
3. **ನಿಮ್ಮ ಹೊಸ ವಿನ್ಯಾಸ ರಚನೆಗೆ ಚಿತ್ರಣ ಮಾಡಿ** - ಕಾಂಟೇನರ್‌ಗಳು ಮತ್ತು ಸಸಿಗಳನ್ನು ಹೇಗೆ ವ್ಯವಸ್ಥಿತಗೊಳಿಸುವುದೆಂದು ಯೋಜನೆ ಮಾಡಿಕೊಳ್ಳಿ

### ಹಂತ 2: ಜಾರಿಗೊಳಿಸುವಿಕೆ
1. **ನಿಮ್ಮ ಟೆರೆರಿಯಂ ಪ್ರೊಜೆಕ್ಟ್‌ನ ಹೊಸ ಆವೃತ್ತಿಯನ್ನು** ಪ್ರತ್ಯೇಕ ಫೋಲ್ಡರ್‌ನಲ್ಲಿ ರಚಿಸಿ
2. **ಆವಶ್ಯಕತೆಯ ಪ್ರಕಾರ HTML ರಚನೆ ನವೀಕರಿಸಿ** ನಿಮ್ಮ ಆಯ್ದ ವಿನ್ಯಾಸ ವಿಧಾನಕ್ಕೆ ಬೆಂಬಲ ನೀಡಲು
3. **CSS ಅನ್ನು ಮರು ರೂಪಿಸಿ** ಅಬ್ಸೊಲ್ಯೂಟ್ ಪೋಜಿಷನಿಂಗ್ ಬದಲು Flexbox ಅಥವಾ CSS Grid ಬಳಸಿ
4. **ದೃಶ್ಯ ಸಾಂಮ್ಯತೆ ಕಾಯ್ದುಕೊಳ್ಳಿ** - ನಿಮ್ಮ ಸಸಿಗಳು ಮತ್ತು ಟೆರೆರಿಯಂ ಜಾರ್ ಒಂದೇ ಸ್ಥಾನಗಳಲ್ಲಿ ಕಾಣಿಸಬೇಕು
5. **ಪ್ರತಿಕ್ರಿಯಾಶೀಲ ವರ್ತನೆ ಜಾರಿಗೊಳಿಸಿ** - ವಿಭಿನ್ನ ಪರದೆ ಗಾತ್ರಗಳಿಗೆ ನಿಮ್ಮ ವಿನ್ಯಾಸ ಸುಗಮವಾಗಿ ಹೊಂದಿಕೊಳ್ಳಬೇಕು

### ಹಂತ 3: ಪರೀಕ್ಷೆ ಮತ್ತು ದಾಖಲೆ ಕಲಿಕೆ
1. **ಕ್ರಮಬದ್ಧ ಬ್ರೌಸರ್ ಪರೀಕ್ಷೆ** - ನಿಮ್ಮ ವಿನ್ಯಾಸ ಕ್ರೋಮ್, ಫೈರ್ಫಾಕ್ಸ್, ಎಡ್‌ಜ್ ಮತ್ತು ಸಫಾರಿಯಲ್ಲಿ ಕೆಲಸ ಮಾಡುತ್ತಿದ್ದಾನೇ ಎಂಬುದನ್ನು ಪರಿಶೀಲಿಸಿ
2. **ಪ್ರತಿಕ್ರಿಯಾಶೀಲ ಪರೀಕ್ಷೆ** - ಮೊಬೈಲ್, ಟ್ಯಾಬ್ಲೆಟ್ ಮತ್ತು ಡೆಸ್ಕ್ಟಾಪ್ ಪರದೆ ಗಾತ್ರಗಳಲ್ಲಿ ನಿಮ್ಮ ವಿನ್ಯಾಸ ಪರಿಶೀಲಿಸಿ
3. **ದಾಖಲೆಕೃತ್ಯ** - ನಿಮ್ಮ CSS‌ಗೆ ಪರಿಗಣನೀಯ ಟಿಪ್ಪಣಿಗಳನ್ನು ಸೇರಿಸಿ ನಿಮ್ಮ ವಿನ್ಯಾಸ ಆಯ್ಕೆಗಳನ್ನು ವಿವರಿಸಲು
4. **ಸ್ಕ್ರೀನ್‌ಶಾಟ್‌ಗಳು** - ವಿವಿಧ ಬ್ರೌಸರ್‌ಗಳು ಮತ್ತು ಪರದೆ ಗಾತ್ರಗಳಲ್ಲಿ ನಿಮ್ಮ ಟೆರೆರಿಯಂನ ಚಿತ್ರಗಳನ್ನು ಸೆರೆಹಿಡಿಯಿರಿ

## ತಂತ್ರಜ್ಞಾನ ಅಗತ್ಯಗಳು

### ವಿನ್ಯಾಸ ಜಾರಿಗೊಳಿಸುವಿಕೆ
- **ಒಂದು ಆಯ್ಕೆಮಾಡಿ**: Flexbox ಅಥವಾ CSS Grid ಒಂದನ್ನಿಷ್ಟು ಉಪಯೋಗಿಸಿ (ಎರಡನ್ನೂ ಸೇರಿಸಬೇಡಿ)
- **ಪ್ರತಿಕ್ರಿಯಾಶೀಲ ವಿನ್ಯಾಸ**: ಫಿಕ್ಸ್ ಪಿಕ್ಸೆಲ್ಸ್ ಬದಲಾಗಿ ಸ ಆಪ್ತ ಘಟಕಗಳು (`rem`, `em`, `%`, `vw`, `vh`) ಬಳಸಿರಿ
- **ಪ್ರವೇಶಾಯೋಗ್ಯತೆ**: ಸರಿಯಾದ ಸೆಮ್ಯಾಂಟಿಕ್ HTML ರಚನೆ ಮತ್ತು alt ಪಠ್ಯವನ್ನು ಉಳಿಸಿ
- **ಕೋಡ್ ಗುಣಮಟ್ಟ**: ಸತತ ನಾಮಕರಣ ನಿಯಮಗಳನ್ನು ಉಪಯೋಗಿಸಿ ಮತ್ತು CSS ಅನ್ನು ಪ್ರಯುಕ್ತವಾಗಿ ಸಂಘಟಿಸಿ

### ಆಧುನಿಕ CSS ವೈಶಿಷ್ಟ್ಯಗಳನ್ನು ಸೇರಿಸಿ
```css
/* Example Flexbox approach */
.terrarium-container {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  align-items: center;
  justify-content: center;
}

.plant-containers {
  display: flex;
  justify-content: space-between;
  width: 100%;
  max-width: 1200px;
}

/* Example Grid approach */
.terrarium-layout {
  display: grid;
  grid-template-columns: 1fr 3fr 1fr;
  grid-template-rows: auto 1fr;
  min-height: 100vh;
  gap: 1rem;
}
```

### ಬ್ರೌಸರ್ ಬೆಂಬಲ ಅಗತ್ಯಗಳು
- **ಕ್ರೋಮ್/ಎಡ್‌ಜ್**: ಇತ್ತೀಚಿನ 2 ಆವೃತ್ತಿಗಳು
- **ಫೈರ್ಫಾಕ್ಸ್**: ಇತ್ತೀಚಿನ 2 ಆವೃತ್ತಿಗಳು  
- **ಸಫಾರಿ**: ಇತ್ತೀಚಿನ 2 ಆವೃತ್ತಿಗಳು
- **ಮೊಬೈಲ್ ಬ್ರೌಸರ್‌ಗಳು**: iOS Safari, Chrome Mobile

## ಡೆಲಿವರೆಬಲ್ಸ್

1. **ನವೀಕರಿಸಿದ HTML ಫೈಲ್** ಸುಧಾರಿತ ಸೆಮ್ಯಾಂಟಿಕ್ ರಚನೆಯೊಂದಿಗೆ
2. **ಮರು ರೂಪಿಸಿದ CSS ಫೈಲ್** ಆಧುನಿಕ ವಿನ್ಯಾಸ ತಂತ್ರಗಳನ್ನು ಬಳಸಿಕೊಂಡು
3. **ಸ್ಕ್ರೀನ್‌ಶಾಟ್ ಸಂಗ್ರಹ** ಕ್ರಾಸ್-ಬ್ರೌಸರ್ ಹೊಂದಾಣಿಕೆ ತೋರಿಸುವುದು:
   - ಡೆಸ್ಕ್ಟಾಪ್ ದೃಶ್ಯ (1920x1080)
   - ಟ್ಯಾಬ್ಲೆಟ್ ದೃಶ್ಯ (768x1024) 
   - ಮೊಬೈಲ್ ದೃಶ್ಯ (375x667)
   - ಕನಿಷ್ಠ 2 ವಿಭಿನ್ನ ಬ್ರೌಸರ್‌ಗಳು
4. **README.md ಫೈಲ್** __ಲೇಖನ__:  
   - ನಿಮ್ಮ ವಿನ್ಯಾಸ ಆಯ್ಕೆ (Flexbox ವಿರುದ್ಧ Grid) ಮತ್ತು ಕಾರಣಗಳು  
   - ಮರು ರೂಪಿಸುವಿಕೆ ವೇಳೆ ಎದುರಿಸಿದ ಸವಾಲುಗಳು  
   - ಬ್ರೌಸರ್ ಹೊಂದಾಣಿಕೆ ಟಿಪ್ಪಣಿಗಳು  
   - ನಿಮ್ಮ ಕೋಡ್ ಆಫ್‌ಲೈನ್ ಮಾಡಲು ಸೂಚನೆಗಳು  

## ಮೌಲ್ಯಮಾಪನ ರೂಬ್ರಿಕ್

| ಮಾನದಂಡಗಳು | ಉದಾತ್ತ (4) | ಪರಿಣತ (3) | ಅಭಿವೃದ್ಧಿ (2) | ಪ್ರಾರಂಭ (1) |
|----------|---------------|----------------|---------------|---------------|
| **ವಿನ್ಯಾಸ ಜಾರಿಗೊಳಿಸುವಿಕೆ** | Flexbox/Grid ನ ಪ್ರಗತಿಶೀಲ ವೈಶಿಷ್ಟ್ಯಗಳ ಬಳಕೆಯಲ್ಲಿನ ತಜ್ಞತೆ; ಸಂಪೂರ್ಣ ಪ್ರತಿಕ್ರಿಯಾಶೀಲ | ಸರಿಯಾದ ಜಾರಿಗೊಳಿಸುವಿಕೆ ಮತ್ತು ಉತ್ತಮ ಪ್ರತಿಕ್ರಿಯಾಶೀಲ ವರ್ತನೆ | ಆಧಾರಿಕ ಜಾರಿಗೊಳಿಸುವಿಕೆ ಮತ್ತು ಸ್ವಲ್ಪ ಪ್ರತಿಕ್ರಿಯಾಶೀಲ ಸಮಸ್ಯೆಗಳು | ಅಸಂಪೂರ್ಣ ಅಥವಾ ತಪ್ಪು ವಿನ್ಯಾಸ ಜಾರಿಗೊಳಿಸುವಿಕೆ |
| **ಕೋಡ್ ಗುಣಮಟ್ಟ** | ಶುದ್ಧ, ಸ್ವತಃಸಂಘಟಿತ CSS, ಅರ್ಥಪೂರ್ಣ ಟಿಪ್ಪಣಿಗಳು ಮತ್ತು ಸತತ ನಾಮಕರಣ | ಉತ್ತಮ ಸಂಘಟನೆ, ಕೆಲವು ಟಿಪ್ಪಣಿಗಳು | ಸರಾಸರಿ ಸಂಘಟನೆ, ಕನಿಷ್ಟ ಟಿಪ್ಪಣಿಗಳು | ಪ್ರಾಮಾಣಿಕವಾಗದ ಸಂಘಟನೆ; ಅರ್ಥಮಾಡಿಕೊಳ್ಳಲು ಕಷ್ಟ |
| **ಕ್ರಮಬದ್ಧ ಬ್ರೌಸರ್ ಹೊಂದಾಣಿಕೆ** | ಎಲ್ಲಾ ಅಗತ್ಯ ಬ್ರೌಸರ್‌ನಲ್ಲಿ ಪರಿಪೂರ್ಣ ಸಾಂಕೇತಿಕತೆ ಮತ್ತು ಸ್ಕ್ರೀನ್‌ಶಾಟ್‌ಗಳು | ಉತ್ತಮ ಹೊಂದಾಣಿಕೆ ಮತ್ತು ಸ್ವಲ್ಪ ವ್ಯತ್ಯಾಸಗಳ ದಾಖಲಾತಿ | ಕೆಲವೊಂದು ಹೊಂದಾಣಿಕೆ ಸಮಸ್ಯೆಗಳು ಆದರೆ ಕಾರ್ಯಪಡೆಯುವವು | ಮುಖ್ಯ ಹೊಂದಾಣಿಕೆ ಸಮಸ್ಯೆಗಳು ಅಥವಾ ಪರೀಕ್ಷೆಯ ಕೊರತೆ |
| **ಪ್ರತಿಕ್ರಿಯಾಶೀಲ ವಿನ್ಯಾಸ** | ಅತ್ಯುತ್ತಮ ಮೊಬೈಲ್-ಪ್ರಥಮ ಮತ್ತು ಸುಗಮ ಬ್ರೇಕ್‌ಪಾಯಿಂಟ್‌ಗಳು | ಉತ್ತಮ ಪ್ರತಿಕ್ರಿಯಾಶೀಲ ವರ್ತನೆ ಮತ್ತು ಸೂಕ್ತ ಬ್ರೇಕ್‌ಪಾಯಿಂಟ್‌ಗಳು | ಮೂಲಭೂತ ಪ್ರತಿಕ್ರಿಯಾಶೀಲ ವೈಶಿಷ್ಟ್ಯಗಳು ಮತ್ತು ಕೆಲವು ವಿನ್ಯಾಸ ಸಮಸ್ಯೆಗಳು | ಮಿತಿಮೀರಿ ಅಥವಾ ಕೆಡಿದ ಪ್ರತಿಕ್ರಿಯಾಶೀಲ ವರ್ತನೆ |
| **ದಾಖಲೆಕೃತ್ಯ** | ಸಂಪೂರ್ಣ README ವಿವರವಾದ ವಿವರಗಳು ಮತ್ತು ಅರ್ಥಕತೆಗಳನ್ನು ಒಳಗೊಂಡಂತೆ | ಉತ್ತಮ ದಾಖಲೆ, ಎಲ್ಲಾ ಅಗತ್ಯ ಅಂಶಗಳನ್ನು ಒಳಗೊಂಡಂತೆ | ಮೂಲಭೂತ ದಾಖಲೆ, ಕನಿಷ್ಟ ವಿವರಗಳು | ಅಪೂರ್ಣ ಅಥವಾ ಕೊರತೆ ದಾಖಲೆ |

## ಉಪಕಾರಕಾರಿಯಾದ ಸಂಪನ್ಮೂಲಗಳು

### ವಿನ್ಯಾಸ ವಿಧಾನ ಮಾರ್ಗದರ್ಶಿಗಳು
- 📖 [ಫ್ಲೆಕ್ಸ್ಬಾಕ್ಸ್‌ಗೆ ಸಂಪೂರ್ಣ ಮಾರ್ಗದರ್ಶಿ](https://css-tricks.com/snippets/css/a-guide-to-flexbox/)
- 📖 [CSS ಗ್ರಿಡ್‌ಗೆ ಸಂಪೂರ್ಣ ಮಾರ್ಗದರ್ಶಿ](https://css-tricks.com/snippets/css/complete-guide-grid/)
- 📖 [ಫ್ಲೆಕ್ಸ್ಬಾಕ್ಸ್ ವಿರುದ್ಧ ಗ್ರಿಡ್ - ಸರಿಯಾದ ಸಾಧನ ಆಯ್ಕೆಮಾಡಿ](https://blog.webdevsimplified.com/2022-11/flexbox-vs-grid/)

### ಬ್ರೌಸರ್ ಪರೀಕ್ಷಾ ಸಾಧನಗಳು
- 🛠️ [ಬ್ರೌಸರ್ ಡೆವ್‌ಟೂಲ್ಸ್ ಪ್ರತಿಕ್ರಿಯಾಶೀಲ ಮೋಡ್](https://developer.chrome.com/docs/devtools/device-mode/)
- 🛠️ [ನಾನು ಉಪಯೋಗಿಸಬಹುದೇ - ವೈಶಿಷ್ಟ್ಯ ಬೆಂಬಲ](https://caniuse.com/)
- 🛠️ [ಬ್ರೌಸರ್ ಸ್ಟಾಕ್ - ಕ್ರಾಸ್-ಬ್ರೌಸರ್ ಪರೀಕ್ಷೆ](https://www.browserstack.com/)

### ಕೋಡ್ ಗುಣಮಟ್ಟ ಸಾಧನಗಳು
- ✅ [CSS ಮಾನ್ಯತಾಪ್ರದರ್ಶಕ](https://jigsaw.w3.org/css-validator/)
- ✅ [HTML ಮಾನ್ಯತಾಪ್ರದರ್ಶಕ](https://validator.w3.org/)
- ✅ [WebAIM ವಿರೋಧಾತ್ಮಕತೆ ಪರಿಶೀಲಕ](https://webaim.org/resources/contrastchecker/)

## ಬೋನಸ್ ಸವಾಲುಗಳು

🌟 **ಪ್ರಗತಿಶೀಲ ವಿನ್ಯಾಸಗಳು**: ನಿಮ್ಮ ವಿನ್ಯಾಸ ಬಾಗಿಲಿನಲ್ಲಿ ಎರಡನ್ನೂ, Flexbox ಮತ್ತು Grid, ಜಾರಿಗೊಳಿಸಿ  
🌟 **ಆನಿಮೇಶನ್ ಏಕೀಕರಣ**: ನಿಮ್ಮ ಹೊಸ ವಿನ್ಯಾಸಕ್ಕೆ ಹೊಂದಿಕೆಯಾಗುವ CSS ಪರಿವರ್ತನೆಗಳು ಅಥವಾ ಆನಿಮೇಶನ್ಗಳನ್ನು ಸೇರಿಸಿ  
🌟 **ಡಾರ್ಕ್ ಮೋಡ್**: CSS ಕಸ್ಟಮ್ ಪ್ರೋಪರ್ಟೀಸ್ ಆಧಾರಿತ ಥೀಂ ಸ್ವಿಚರ್ ಜಾರಿಗೊಳಿಸಿ  
🌟 **ಕಾಂಟೇನರ್ ಕ್ವೆರಿ**: ಘಟಕ ಮಟ್ಟದ ಪ್ರತಿಕ್ರಿಯಾಶೀಲತೆಗೆ ಆಧುನಿಕ ಕಾಂಟೇನರ್ ಕ್ವೆರಿ ತಂತ್ರಗಳನ್ನು ಬಳಸಿ  

> 💡 **ಸ್ಮರಣೆ**: ಕಾರ್ಯವು ಕೆಲಸ ಮಾಡಿಸುವುದಲ್ಲದೆ, ನಿಮ್ಮ ಆಯ್ದ ವಿನ್ಯಾಸ ವಿಧಾನವು ಈ ವಿನ್ಯಾಸ ಸವಾಲಿಗೆ ಅತ್ಯುತ್ತಮ ಪರಿಹಾರವಾಗಿರುವುದರ ಅರ್ಥವನ್ನು ತಿಳಿದುಕೊಳ್ಳುವುದು ಮುಖ್ಯ!

---

<!-- CO-OP TRANSLATOR DISCLAIMER START -->
**ಪ್ರತ್ಯಾಹಾರ**:  
ಈ ಡಾಕ್ಯುಮೆಂಟ್ ಅನ್ನು AI ಅನುವಾದ ಸೇವೆ [Co-op Translator](https://github.com/Azure/co-op-translator) ಬಳಸಿ ಅನುವದಿಸಲಾಗಿದೆ. ನಾವು ಸರಿಯಾದ ಅನುವಾದಕ್ಕೆ ಪ್ರಯತ್ನಿಸುತ್ತೇವೆ ಆದರೆ ಸ್ವಚालित ಅನುವಾದಗಳಲ್ಲಿ ತಪ್ಪುಗಳು ಅಥವಾ ಅಸತ್ಯತೆಗಳು ಇರಬಹುದು ಎಂಬುದು ಗಮನದಲ್ಲಿರಲಿ. ಮೂಲ ಡಾಕ್ಯುಮೆಂಟ್ ತನ್ನ ಮೂಲ ಭಾಷೆಯಲ್ಲಿ ಅಧಿಕೃತ ಮೂಲವಾಗಿ ಪರಿಗಣಿಸಬೇಕು. ಮಹತ್ವದ ಮಾಹಿತಿಗಾಗಿ, ಪ್ರೊಫೆಷನಲ್ ಮಾನವ ಅನುವಾದವನ್ನು ಶಿಫಾರಸು ಮಾಡಲಾಗಿದೆ. ಈ ಅನುವಾದವನ್ನು ಬಳಸುವಾಗ ಉಂಟಾಗುವ ಒಂದಾದರೊಬ್ಬ ತಪ್ಪು ಅರ್ಥದಿಗಾಗಿ ನಾವು ಜವಾಬ್ದಾರಿಯಾಗುವುದಿಲ್ಲ.
<!-- CO-OP TRANSLATOR DISCLAIMER END -->