Веганские и закончившиеся блюда
Гости должны с первого взгляда видеть, какие блюда веганские и чего сегодня нет в наличии.
Веганские блюда отмечены значком 🌱, но маленький листик легко не заметить. Поэтому вся их строка, название и цена, будет зелёной: #2e7d32. У строк веганских блюд пока нет класса, так что выбор способа их выделить — за вами.
Яблочный штрудель сегодня закончился. Он остаётся в меню, чтобы гости знали, что в кафе он бывает, но его строка приглушена: видна лишь наполовину, так что сквозь неё просвечивает кремовый фон. Название и цена блёкнут вместе.
После этого упражнения меню выглядит так (в уменьшенном виде):
Подсказка: в уроке о селекторах вы добавляли элементу класс в файле index.html. Один и тот же класс могут иметь сколько угодно элементов.
Задание
- 1
Строки веганских блюд зелёные: названия и цены.
- 2
Строка закончившегося блюда видна лишь наполовину: название и цена.