Ceník

Čas na ještě jeden projekt! Tento miniprojekt využije poslední dvě lekce, stavy a responzivní design, a k tomu všechno, co jste se naučili před nimi. Stejně jako v ostatních miniprojektech cvičení popisují výsledek a třídy jsou na vás.

Projekt. Kavárna Mňau je kavárna, kde hostům dělají společnost kočky. Ve třech cvičeních dokončíte její web: přehledný ceník, formulář pro rezervaci stolu, který reaguje na návštěvníka, a rozvržení pro mobily i pro počítače. Stránka už má barvy, text a rozvržení pro mobil. Stejně jako minule měňte jen třídy, ne prvky.

Ceník. Každý řádek ceníku (prvek li) má vlevo název nápoje nebo dortu a vpravo jeho cenu. Dlouhý seznam se čte lépe s pruhy a čarami:

• Řádky se střídají: každý druhý má světlé pozadí a řádky mezi nimi žádné.
• Tenká čára odděluje každý řádek od dalšího. Nad prvním řádkem ani pod posledním žádná čára není.
• Cheesecake je dnes vyprodaný: jeho řádek je ztlumený, s neprůhledností nejvýš 60 %, a jeho cena je přeškrtnutá, název ale ne.

Tip: pruhy a čáry by neměly záviset na tom, která položka je v kterém řádku. Když kavárna přidá dort nebo přestane prodávat nějaký nápoj, mají se pořád správně střídat, aniž byste měnili třídy. Vzpomeňte si na varianty podle pozice prvku mezi jeho sourozenci.