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.
134 lines
14 KiB
134 lines
14 KiB
<!--
|
|
CO_OP_TRANSLATOR_METADATA:
|
|
{
|
|
"original_hash": "bee6762d4092a13fc7c338814963f980",
|
|
"translation_date": "2025-10-22T17:49:51+00:00",
|
|
"source_file": "3-terrarium/2-intro-to-css/assignment.md",
|
|
"language_code": "pa"
|
|
}
|
|
-->
|
|
# 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. **ਕਰਾਸ-ਬ੍ਰਾਊਜ਼ਰ ਟੈਸਟਿੰਗ** - ਯਕੀਨੀ ਬਣਾਓ ਕਿ ਤੁਹਾਡਾ ਡਿਜ਼ਾਈਨ Chrome, Firefox, Edge, ਅਤੇ Safari ਵਿੱਚ ਕੰਮ ਕਰਦਾ ਹੈ।
|
|
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;
|
|
}
|
|
```
|
|
|
|
### ਬ੍ਰਾਊਜ਼ਰ ਸਹਾਇਤਾ ਲੋੜਾਂ
|
|
- **Chrome/Edge**: ਆਖਰੀ 2 ਵਰਜਨ
|
|
- **Firefox**: ਆਖਰੀ 2 ਵਰਜਨ
|
|
- **Safari**: ਆਖਰੀ 2 ਵਰਜਨ
|
|
- **ਮੋਬਾਈਲ ਬ੍ਰਾਊਜ਼ਰ**: iOS Safari, Chrome Mobile
|
|
|
|
## ਡਿਲੀਵਰੇਬਲਜ਼
|
|
|
|
1. **ਅਪਡੇਟ ਕੀਤਾ HTML ਫਾਈਲ** ਜਿਸ ਵਿੱਚ ਬਿਹਤਰ ਸੈਮੈਂਟਿਕ ਸਟ੍ਰਕਚਰ ਹੈ।
|
|
2. **ਰੀਫੈਕਟਰੀਂਗ ਕੀਤੀ CSS ਫਾਈਲ** ਜੋ ਆਧੁਨਿਕ ਲੇਆਉਟ ਤਕਨੀਕਾਂ ਦੀ ਵਰਤੋਂ ਕਰਦੀ ਹੈ।
|
|
3. **ਸਕ੍ਰੀਨਸ਼ਾਟ ਕਲੈਕਸ਼ਨ** ਜੋ ਕਰਾਸ-ਬ੍ਰਾਊਜ਼ਰ ਸੰਗਤਤਾ ਦਿਖਾਉਂਦੀ ਹੈ:
|
|
- ਡੈਸਕਟਾਪ ਵਿਊ (1920x1080)
|
|
- ਟੈਬਲੇਟ ਵਿਊ (768x1024)
|
|
- ਮੋਬਾਈਲ ਵਿਊ (375x667)
|
|
- ਘੱਟੋ-ਘੱਟ 2 ਵੱਖ-ਵੱਖ ਬ੍ਰਾਊਜ਼ਰ
|
|
4. **README.md ਫਾਈਲ** ਜਿਸ ਵਿੱਚ ਦਸਤਾਵੇਜ਼ ਕੀਤਾ ਗਿਆ ਹੈ:
|
|
- ਤੁਹਾਡੀ ਲੇਆਉਟ ਚੋਣ (Flexbox vs Grid) ਅਤੇ ਕਾਰਨ
|
|
- ਰੀਫੈਕਟਰੀਂਗ ਦੌਰਾਨ ਆਈ ਚੁਣੌਤੀਆਂ
|
|
- ਬ੍ਰਾਊਜ਼ਰ ਸੰਗਤਤਾ ਨੋਟਸ
|
|
- ਤੁਹਾਡਾ ਕੋਡ ਚਲਾਉਣ ਲਈ ਹਦਾਇਤਾਂ
|
|
|
|
## ਅਸੈਸਮੈਂਟ ਰੂਬ੍ਰਿਕ
|
|
|
|
| ਮਾਪਦੰਡ | ਸ਼ਾਨਦਾਰ (4) | ਪ੍ਰੋਫੀਸ਼ੀਅੰਟ (3) | ਵਿਕਾਸਸ਼ੀਲ (2) | ਸ਼ੁਰੂਆਤੀ (1) |
|
|
|----------|---------------|----------------|---------------|---------------|
|
|
| **ਲੇਆਉਟ ਲਾਗੂ ਕਰਨਾ** | Flexbox/Grid ਦੀ ਸ਼ਾਨਦਾਰ ਵਰਤੋਂ ਉੱਚ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਨਾਲ; ਪੂਰੀ ਤਰ੍ਹਾਂ ਰਿਸਪਾਂਸਿਵ | ਸਹੀ ਲਾਗੂ ਕਰਨਾ, ਚੰਗਾ ਰਿਸਪਾਂਸਿਵ ਵਿਹਾਰ | ਮੂਲ ਲਾਗੂ ਕਰਨਾ, ਕੁਝ ਰਿਸਪਾਂਸਿਵ ਮੁੱਦੇ | ਅਧੂਰਾ ਜਾਂ ਗਲਤ ਲੇਆਉਟ ਲਾਗੂ ਕਰਨਾ |
|
|
| **ਕੋਡ ਗੁਣਵੱਤਾ** | ਸਾਫ਼, ਚੰਗੀ ਤਰਤੀਬਵਾਰ CSS, ਅਰਥਪੂਰਨ ਟਿੱਪਣੀਆਂ ਅਤੇ ਸਥਿਰ ਨਾਮਕਰਨ | ਚੰਗੀ ਤਰਤੀਬਵਾਰਤਾ, ਕੁਝ ਟਿੱਪਣੀਆਂ | ਠੀਕ ਤਰਤੀਬਵਾਰਤਾ, ਘੱਟ ਟਿੱਪਣੀਆਂ | ਖਰਾਬ ਤਰਤੀਬਵਾਰਤਾ; ਸਮਝਣ ਵਿੱਚ ਮੁਸ਼ਕਲ |
|
|
| **ਕਰਾਸ-ਬ੍ਰਾਊਜ਼ਰ ਸੰਗਤਤਾ** | ਸਾਰੇ ਲੋੜੀਂਦੇ ਬ੍ਰਾਊਜ਼ਰਾਂ ਵਿੱਚ ਪੂਰੀ ਤਰ੍ਹਾਂ ਸਥਿਰਤਾ, ਸਕ੍ਰੀਨਸ਼ਾਟਸ ਨਾਲ | ਚੰਗੀ ਸੰਗਤਤਾ, ਘੱਟ ਅੰਤਰ ਦਸਤਾਵੇਜ਼ ਕੀਤਾ | ਕੁਝ ਸੰਗਤਤਾ ਮੁੱਦੇ ਜੋ ਕਾਰਗੁਜ਼ਾਰੀ ਨੂੰ ਨਹੀਂ ਤੋੜਦੇ | ਵੱਡੇ ਸੰਗਤਤਾ ਸਮੱਸਿਆਵਾਂ ਜਾਂ ਟੈਸਟਿੰਗ ਦੀ ਘਾਟ |
|
|
| **ਰਿਸਪਾਂਸਿਵ ਡਿਜ਼ਾਈਨ** | ਸ਼ਾਨਦਾਰ ਮੋਬਾਈਲ-ਪਹਿਲਾ ਪਹੁੰਚ, ਸੁਚਾਰੂ ਬ੍ਰੇਕਪੋਇੰਟਸ | ਚੰਗਾ ਰਿਸਪਾਂਸਿਵ ਵਿਹਾਰ, ਉਚਿਤ ਬ੍ਰੇਕਪੋਇੰਟਸ | ਮੂਲ ਰਿਸਪਾਂਸਿਵ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ, ਕੁਝ ਲੇਆਉਟ ਸਮੱਸਿਆਵਾਂ | ਸੀਮਿਤ ਜਾਂ ਟੁੱਟਿਆ ਰਿਸਪਾਂਸਿਵ ਵਿਹਾਰ |
|
|
| **ਦਸਤਾਵੇਜ਼** | ਵਿਸਤ੍ਰਿਤ README, ਵਿਵਰਣ ਅਤੇ ਅੰਦਰੂਨੀ ਜਾਣਕਾਰੀ ਨਾਲ | ਚੰਗੀ ਦਸਤਾਵੇਜ਼, ਸਾਰੇ ਲੋੜੀਂਦੇ ਤੱਤ ਕਵਰ ਕਰਦੇ | ਮੂਲ ਦਸਤਾਵੇਜ਼, ਘੱਟ ਵਿਵਰਣ | ਅਧੂਰੀ ਜਾਂ ਗੁੰਮ ਦਸਤਾਵੇਜ਼ |
|
|
|
|
## ਮਦਦਗਾਰ ਸਰੋਤ
|
|
|
|
### ਲੇਆਉਟ ਤਰੀਕਾ ਗਾਈਡ
|
|
- 📖 [Flexbox ਦਾ ਪੂਰਾ ਗਾਈਡ](https://css-tricks.com/snippets/css/a-guide-to-flexbox/)
|
|
- 📖 [CSS Grid ਦਾ ਪੂਰਾ ਗਾਈਡ](https://css-tricks.com/snippets/css/complete-guide-grid/)
|
|
- 📖 [Flexbox vs Grid - ਸਹੀ ਟੂਲ ਚੁਣੋ](https://blog.webdevsimplified.com/2022-11/flexbox-vs-grid/)
|
|
|
|
### ਬ੍ਰਾਊਜ਼ਰ ਟੈਸਟਿੰਗ ਟੂਲ
|
|
- 🛠️ [Browser DevTools Responsive Mode](https://developer.chrome.com/docs/devtools/device-mode/)
|
|
- 🛠️ [Can I Use - Feature Support](https://caniuse.com/)
|
|
- 🛠️ [BrowserStack - Cross-browser Testing](https://www.browserstack.com/)
|
|
|
|
### ਕੋਡ ਗੁਣਵੱਤਾ ਟੂਲ
|
|
- ✅ [CSS Validator](https://jigsaw.w3.org/css-validator/)
|
|
- ✅ [HTML Validator](https://validator.w3.org/)
|
|
- ✅ [WebAIM Contrast Checker](https://webaim.org/resources/contrastchecker/)
|
|
|
|
## ਬੋਨਸ ਚੁਣੌਤੀਆਂ
|
|
|
|
🌟 **ਉੱਚਤਮ ਲੇਆਉਟਸ**: ਆਪਣੇ ਡਿਜ਼ਾਈਨ ਦੇ ਵੱਖ-ਵੱਖ ਹਿੱਸਿਆਂ ਵਿੱਚ Flexbox ਅਤੇ Grid ਦੋਨੋਂ ਲਾਗੂ ਕਰੋ।
|
|
🌟 **ਐਨੀਮੇਸ਼ਨ ਇੰਟੀਗ੍ਰੇਸ਼ਨ**: CSS ਟ੍ਰਾਂਜ਼ੀਸ਼ਨ ਜਾਂ ਐਨੀਮੇਸ਼ਨ ਸ਼ਾਮਲ ਕਰੋ ਜੋ ਤੁਹਾਡੇ ਨਵੇਂ ਲੇਆਉਟ ਨਾਲ ਕੰਮ ਕਰਦੇ ਹਨ।
|
|
🌟 **ਡਾਰਕ ਮੋਡ**: CSS ਕਸਟਮ ਪ੍ਰਾਪਰਟੀ-ਅਧਾਰਿਤ ਥੀਮ ਸਵਿੱਚਰ ਲਾਗੂ ਕਰੋ।
|
|
🌟 **ਕੰਟੇਨਰ ਕਵੈਰੀਜ਼**: ਆਧੁਨਿਕ ਕੰਟੇਨਰ ਕਵੈਰੀ ਤਕਨੀਕਾਂ ਦੀ ਵਰਤੋਂ ਕਰੋ ਜੋ ਕੰਪੋਨੈਂਟ-ਪੱਧਰ ਦੀ ਰਿਸਪਾਂਸਿਵਨੈਸ ਲਈ ਹਨ।
|
|
|
|
> 💡 **ਯਾਦ ਰੱਖੋ**: ਮਕਸਦ ਸਿਰਫ ਇਸਨੂੰ ਕੰਮ ਕਰਨ ਲਈ ਬਣਾਉਣਾ ਨਹੀਂ ਹੈ, ਬਲਕਿ ਇਹ ਸਮਝਣਾ ਹੈ ਕਿ ਤੁਹਾਡਾ ਚੁਣਿਆ ਹੋਇਆ ਲੇਆਉਟ ਤਰੀਕਾ ਇਸ ਖਾਸ ਡਿਜ਼ਾਈਨ ਚੁਣੌਤੀ ਲਈ ਸਭ ਤੋਂ ਵਧੀਆ ਹੱਲ ਕਿਉਂ ਹੈ!
|
|
|
|
---
|
|
|
|
**ਅਸਵੀਕਰਤਾ**:
|
|
ਇਹ ਦਸਤਾਵੇਜ਼ AI ਅਨੁਵਾਦ ਸੇਵਾ [Co-op Translator](https://github.com/Azure/co-op-translator) ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਅਨੁਵਾਦ ਕੀਤਾ ਗਿਆ ਹੈ। ਹਾਲਾਂਕਿ ਅਸੀਂ ਸਹੀ ਹੋਣ ਦਾ ਯਤਨ ਕਰਦੇ ਹਾਂ, ਕਿਰਪਾ ਕਰਕੇ ਧਿਆਨ ਦਿਓ ਕਿ ਸਵੈਚਾਲਿਤ ਅਨੁਵਾਦਾਂ ਵਿੱਚ ਗਲਤੀਆਂ ਜਾਂ ਅਸੁੱਤੀਆਂ ਹੋ ਸਕਦੀਆਂ ਹਨ। ਇਸ ਦੀ ਮੂਲ ਭਾਸ਼ਾ ਵਿੱਚ ਮੂਲ ਦਸਤਾਵੇਜ਼ ਨੂੰ ਅਧਿਕਾਰਤ ਸਰੋਤ ਮੰਨਿਆ ਜਾਣਾ ਚਾਹੀਦਾ ਹੈ। ਮਹੱਤਵਪੂਰਨ ਜਾਣਕਾਰੀ ਲਈ, ਪੇਸ਼ੇਵਰ ਮਨੁੱਖੀ ਅਨੁਵਾਦ ਦੀ ਸਿਫਾਰਸ਼ ਕੀਤੀ ਜਾਂਦੀ ਹੈ। ਇਸ ਅਨੁਵਾਦ ਦੀ ਵਰਤੋਂ ਤੋਂ ਪੈਦਾ ਹੋਣ ਵਾਲੇ ਕਿਸੇ ਵੀ ਗਲਤਫਹਿਮੀ ਜਾਂ ਗਲਤ ਵਿਆਖਿਆ ਲਈ ਅਸੀਂ ਜ਼ਿੰਮੇਵਾਰ ਨਹੀਂ ਹਾਂ। |