4.4 KiB
Задатак за рефакторисање CSS-а
Циљ
Рефакторишите пројекат тераријума тако да користи Flexbox или CSS Grid за распоред. Ажурирајте HTML и CSS по потреби како бисте постигли модеран, одзиван дизајн. Не морате имплементирати елементе који се могу превлачити—фокусирајте се само на распоред и стилизовање.
Упутства
- Направите нову верзију апликације за тераријум. Ажурирајте ознаке и CSS да користе Flexbox или CSS Grid за распоред.
- Осигурајте да су уметност и елементи на месту као у оригиналној верзији.
- Тестирајте свој дизајн у најмање два различита претраживача (нпр. Chrome, Firefox, Edge).
- Направите снимке екрана вашег тераријума у сваком претраживачу како бисте показали компатибилност између претраживача.
- Предајте свој ажурирани код и снимке екрана.
Рубрика
| Критеријум | Изузетно | Прихватљиво | Захтева побољшање |
|---|---|---|---|
| Распоред | Потпуно рефакторисан коришћењем Flexbox-а или CSS Grid-а; визуелно привлачан и одзиван | Делимично рефакторисани елементи; делимична употреба Flexbox-а или Grid-а | Мала или никаква употреба Flexbox-а или Grid-а; распоред непромењен |
| Компатибилност | Обезбеђени снимци екрана за више претраживача; доследан изглед | Снимци екрана за један претраживач; мање недоследности | Нема снимака екрана или велике недоследности |
| Квалитет кода | Чист, добро организован HTML/CSS; јасни коментари | Делимична организација; мало коментара | Неорганизован код; недостају коментари |
Савети
- Прегледајте Flexbox и CSS Grid водиче.
- Користите алатке за развој претраживача да тестирате одзивност.
- Коментаришите свој код ради јасноће.
Одрицање од одговорности:
Овај документ је преведен коришћењем услуге за превођење помоћу вештачке интелигенције Co-op Translator. Иако се трудимо да обезбедимо тачност, молимо вас да имате у виду да аутоматски преводи могу садржати грешке или нетачности. Оригинални документ на изворном језику треба сматрати ауторитативним извором. За критичне информације препоручује се професионални превод од стране људи. Не сносимо одговорност за било каква погрешна тумачења или неспоразуме који могу произаћи из коришћења овог превода.