ok
1.Megtanulni a margókat
Mindig állítgatnom kell a belső-külső margót. Mi az alapbeállítás?
Tarrtó konténer:
- egy konténerben hozom létre
- tartalom szélessége: doboz
- szélesség: 1140px
- min. magasság 60px
- tételek ⇒ irány ⇒ jobbra
- tételek ⇒ Justify content ⇒ space between
- tételek ⇒ align items ⇒ center
- gab between: 0
A sablonban a margo jobb-bal 0-0, a belső margó 8-8 jobb-bal.
Logo baloldalt:
- szélesség 100%
- a méret a magassággal van változtatva
Nav menü jobb oldalt:
Tartalom:
- align: jobbra
- pointer: aláhúzott
- animáció fade
- teljes szélesség: igen
- togle align: jobbra
Stílus:
- pointer width: 1
- vízszintes belső margó: 0
- Vertical padding: 5
- Köztes térköz: 30
- egér ráhúzáskor: szöveg színe és pointer színe is más, aktívnál ugyanazok amik a ráhúzásnál.
Haladó:
- nem kell hozzányúlnom a margin, vagy paddinghoz
Mobil, tablet beállítás:
- stílus ⇒ lenyíló ⇒ egér ráhúzásnál háttérszín ⇒ aktívnál háttérszín
További tanulások:
- a sablon százalékban volt teljes szélességben, és fura belső, külső margók voltak
- megnézni több sablon beállítását
- majd amikor megértem a konténer kezelését, reszponzív beállítás külső margóját és vagy belső margóját, akkor beállítom rendesen header-ben is. Utána csinálok egy sablont.
- után megtanulom sticky beállítást