Vegan and Sold Out

Guests should see at a glance which dishes are vegan and what is sold out today.

The vegan dishes are marked with 🌱, but the little leaf is easy to miss. Their whole lines, the names and the prices, are green: #2e7d32. The lines of the vegan dishes don't have a class yet, so it's up to you how you select them.

The apple strudel is sold out today. It stays on the menu, so that guests know the café has it, but its line is faded: only half visible, so that the cream background shows through it. The name and the price fade together.

After this exercise, the menu looks like this (smaller):

Café Whiskers

Coffee, cake and a cat on every chair

Dishes marked with 🌱 are vegan.

Coffee

• Espresso €2.50

• Cappuccino €3.50

• Oat milk latte 🌱 €4.00

Cakes

• Carrot cake 🌱 €4.20

• Cheesecake €4.50

• Apple strudel (sold out today) €3.90

Today's special: carrot cake with a cappuccino for €6.90

Open every day from 8 a.m. to 8 p.m. Find us on the map

A tip: in the lesson on selectors, you gave an element a class in index.html. Any number of elements can share a class.

Instructions

The lines of the vegan dishes are green, the names and the prices.

The line of the sold-out dish is only half visible, the name and the price.

Start programming for free

2/3