Správná velikost

Zbývají rozměry. Na široké obrazovce se karta teď táhne přes celou stránku a řádky postupu jsou dlouhé a špatně se čtou. Zkuste v liště Šířka náhledu tlačítko 1280 px.

• Karta není nikdy širší než 448 px a na širokých obrazovkách je uprostřed stránky. Na mobilu se na obrazovku vejde: zkuste 375 px.
• Lívanec sedí uprostřed čtverce 64 × 64 px v medové barvě loga webu s recepty, #f8d78b. Tuhle barvu paleta nemá. Čtverec je 16 px nad štítkem.

Tip: v lekci o mezerách a rozměrech jste dali tlapku doprostřed čtvercového boxu. Stejný trik funguje i pro lívanec.

A to je celá karta. Máte za sebou tři lekce a už jste z obyčejného HTML udělali hotový design: barvy a písma, mezery, které ho drží pohromadě, a rozměry, které fungují na mobilu i na velké obrazovce. V příští lekci, Rámečky, stíny a obrázky, se naučíte dát podobným kartám zaoblené rohy, stín a fotku.