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
2.7 KiB
41 lines
2.7 KiB
<!--
|
|
CO_OP_TRANSLATOR_METADATA:
|
|
{
|
|
"original_hash": "a212cc22a18eddf9046b7a16dfbafd8b",
|
|
"translation_date": "2025-10-03T10:29:47+00:00",
|
|
"source_file": "3-terrarium/2-intro-to-css/assignment.md",
|
|
"language_code": "sw"
|
|
}
|
|
-->
|
|
# Kazi ya Marekebisho ya CSS
|
|
|
|
## Lengo
|
|
|
|
Fanya marekebisho ya mradi wa terrarium ili kutumia **Flexbox** au **CSS Grid** kwa mpangilio. Sasisha HTML na CSS inapohitajika ili kufanikisha muundo wa kisasa na unaojibika. Huna haja ya kutekeleza vipengele vinavyoweza kuburuzwa—lenga tu mpangilio na mtindo.
|
|
|
|
## Maelekezo
|
|
|
|
1. **Tengeneza toleo jipya** la programu ya terrarium. Sasisha alama na CSS ili kutumia Flexbox au CSS Grid kwa mpangilio.
|
|
2. **Hakikisha sanaa na vipengele vipo mahali pake** kama ilivyo kwenye toleo la awali.
|
|
3. **Jaribu muundo wako** katika angalau vivinjari viwili tofauti (mfano, Chrome, Firefox, Edge).
|
|
4. **Piga picha za skrini** za terrarium yako katika kila kivinjari ili kuonyesha utangamano wa vivinjari mbalimbali.
|
|
5. **Wasilisha** msimbo wako uliosasishwa na picha za skrini.
|
|
|
|
## Rubric
|
|
|
|
| Kigezo | Kiwango cha Juu | Kiwango cha Kati | Kinachohitaji Kuboreshwa |
|
|
|------------|---------------------------------------------------------------------------|---------------------------------------|----------------------------------------|
|
|
| Mpangilio | Umefanyiwa marekebisho kikamilifu ukitumia Flexbox au CSS Grid; unaovutia na unaojibika | Vipengele vingine vimefanyiwa marekebisho; matumizi ya Flexbox au Grid kwa sehemu | Hakuna au matumizi kidogo ya Flexbox au Grid; mpangilio haujabadilika |
|
|
| Vivinjari Mbalimbali | Picha za skrini zimetolewa kwa vivinjari vingi; mwonekano thabiti | Picha za skrini kwa kivinjari kimoja; tofauti ndogo | Hakuna picha za skrini au tofauti kubwa |
|
|
| Ubora wa Msimbo | HTML/CSS safi, iliyopangwa vizuri; maelezo wazi | Mpangilio wa wastani; maelezo machache | Msimbo usio na mpangilio; hauna maelezo |
|
|
|
|
## Vidokezo
|
|
|
|
- Pitia miongozo ya [Flexbox](https://css-tricks.com/snippets/css/a-guide-to-flexbox/) na [CSS Grid](https://css-tricks.com/snippets/css/complete-guide-grid/).
|
|
- Tumia zana za watengenezaji wa kivinjari kujaribu uwezo wa kujibika.
|
|
- Toa maelezo kwenye msimbo wako kwa uwazi.
|
|
|
|
---
|
|
|
|
**Kanusho**:
|
|
Hati hii imetafsiriwa kwa kutumia huduma ya tafsiri ya AI [Co-op Translator](https://github.com/Azure/co-op-translator). Ingawa tunajitahidi kuhakikisha usahihi, tafsiri za kiotomatiki zinaweza kuwa na makosa au kutokuwa sahihi. Hati ya asili katika lugha yake ya awali inapaswa kuchukuliwa kama chanzo cha mamlaka. Kwa taarifa muhimu, tafsiri ya kitaalamu ya binadamu inapendekezwa. Hatutawajibika kwa kutoelewana au tafsiri zisizo sahihi zinazotokana na matumizi ya tafsiri hii. |