Jako první budeme stylovat stránku pro nejmenší šířku a postupně budeme upravovat styly pro širší obrazovky.
Google fonts
Všimněte si, že v hlavičce souboru html jsou kromě style.css nalikované další styly. Tyto jsou stažené z fontů google. V projektu používáme tyto fonty: Alegreya Sans, Lora a Dawning of a New Day. Dokážete je najít v odkazu na google fonts?
Stylování pro mobil
Ve složce result se podívejte na soubor mobil-zadani. V devtools si otevřete stránku na šířku cca 400px a nastylujte ji podle zadání na obrázku.
- nastylujte text pro
body: barvu a font - zařiďte, že odkazy na Ceník a kontakt mají stejnou barvu jako
body - nastylujte fonty loga a hlavního titulku
- nastylujte hlavičku, aby logo a navigace byly na opačných koncích
- zařiďte, aby hlavička, patička a jednotlivé sekce měly správnou barvu pozadí
- nastylujte úvodní text
- přidejte a nastylujte úvodní obrázek
intro-image - nastylujte cenové nabídky
- nastylujte text recenze
Chata Arnica mobile