Iniciály a kontakt

Zbývají dvě části karty: iniciály a kontakt.

Iniciály Lucie, LN, jsou v modrém kruhu, #3b6fd8, o průměru 96 pixelů, který je uprostřed karty. Písmena jsou bílá, tučná a velká 32 pixelů a jsou přesně uprostřed kruhu, vodorovně i svisle.

Řádky kontaktu dole v kartě oddělují tenké čáry jako řádky tabulky: každý řádek má podél horního kraje plnou čáru širokou 1 pixel ve světle šedé barvě #e5e7eb a nad textem i pod ním 8 pixelů volného místa. Mezi řádky nejsou žádné mezery, takže čáry jsou od sebe pravidelně.

Hotová karta bude vypadat takhle (zmenšeně):

Tip: jak dostat text doprostřed boxu shora dolů? Vzpomeňte si, co dělá line-height s místem, které písmena nepotřebují. A odstavce mají své vlastní okraje.

A to je celý projekt. Navrhli jste kartu, jakou najdete na mnoha webech: s pevnou šířkou, vycentrovanou, s pečlivě nastaveným textem a mezerami. V příští lekci, Zobrazení a pozice, zjistíte, proč jsou některé prvky široké jako stránka a jiné jen jako jejich obsah, a jak umístit prvky kamkoli na stránku.