CSS Grid od základov: stĺpce cez grid-template-columns
CSS Grid je spôsob, ako v CSS vytvárať rozloženie prvkov do mriežky. Môžeme si ho predstaviť ako tabuľku, ale bez toho, aby sme museli používať HTML tabuľku.
Blog
Články o weboch, výkone, SEO, GEO, prístupnosti a veciach, ktoré ma pri tvorbe projektov zaujali alebo som si na nich overil v praxi.
FlexBox v praxi: kde sa naozaj používa
Keď už máme za sebou rodiča aj deti, prichádza tá najpraktickejšia časť: ako FlexBox použiť na reálnych príkladoch.
FlexBox 2 - potomkovia, "children"
Keď už máme pochopeného rodiča, prichádza druhá polovica FlexBoxu: deti.
FlexBox 1 od úplného základu - rodičia, "parents"
FlexBox nie je vlastnosť pre jeden prvok. FlexBox zapíname na rodiča, a ten potom začne riadiť svoje deti.
Ako na responzívne obrázky
Toto je praktický základ: aby obrázok nepretiekol z kontajnera, nespôsoboval skákanie layoutu a zbytočne nespomaľoval stránku.
Zarovnanie, zalomenie textu v <p>
Správanie textu: zalamovanie, riadky, „…“
CSS height – výška prvku bez kúziel a nervov
height určuje výšku boxu. Niekedy sa prispôsobí obsahu sama, inokedy ju nastavíme natvrdo.
CSS width – čo to je a čo o ňom reálne vieme
width určuje šírku boxu. Teda koľko miesta má prvok zaberať na šírku.
Zarovnanie prvku: ako dať <div> na stred (polopate)
Keď začíname s CSS, najväčší zmätok býva v tom, že „stred“ môže znamenať dve rôzne veci: