Flex box, použití

robbie:
Flexbox určitě není zbytečné se naučit. Centrování po obou osách je s tím hračka. Používám to denně a je to fakt ulehčení :-)

Není to nutnosť umět ale rozhodne sa oplatí to naučiť. Podobne aj Grid. Umožnia tvoriť komplexnejšie layouty jednoduchým spôsobom a nebudete mať potrebu psát stovku kontajnerov (obalovať elementy). Bez Gridu bol vždycky problém spraviť layout kde by bola stranka rozdelená vertikálne, jedna vertikálna polovica horizontálne, a jedna horizontálna štvrťka ešte vertikálne a jednu vertikálnu osminu ešte rozdeliť horizontálne, a následne to spraviť responzívne a preusporiadávať na mobile zobrazenie totálne inak ako na desktope vyžadovalo tucet kontajnerov, psanie CSS cez pár stoviek riadkov. s Gridom netreba žiadne kontajnery a CSS napíšem tak 40 riadkov a mám stejný výsledok. Takže rozhodne odporúčam sa naučiť jak flexbox tak css grid.

Mlocik97:
„Není to nutnosť umět ale rozhodne sa oplatí to naučiť. Podobne aj Grid. Umožnia tvoriť komplexnejšie layouty jednoduchým spôsobom a nebudete mať potrebu psát stovku kontajnerov (obalovať elementy). Bez Gridu bol vždycky problém spraviť layout kde by bola stranka rozdelená vertikálne, jedna vertikálna polovica horizontálne, a jedna horizontálna štvrťka ešte vertikálne a jednu vertikálnu osminu ešte rozdeliť horizontálne, a následne to spraviť responzívne a preusporiadávať na mobile zobrazenie totálne inak ako na desktope vyžadovalo tucet kontajnerov, psanie CSS cez pár stoviek riadkov. s Gridom netreba žiadne kontajnery a CSS napíšem tak 40 riadkov a mám stejný výsledok. Takže rozhodne odporúčam sa naučiť jak flexbox tak css grid.“

Ale u CSS Gridu pozor na nepodporu v IE (vice na caniuse.com si muzes overit). Ja jsem s tim taky ted narazil v IE.

ondra15:
www.vzhurudolu.cz/prirucka/css-grid-msie
www.vzhurudolu.cz/prirucka/css-grid-msie-autoplacement

Mlocik97:
> www.vzhurudolu.cz/prirucka/css-grid-msie
> www.vzhurudolu.cz/prirucka/css-grid-msie-autoplacement

Díky. Já jsem se předtím spatně vyjádřil. Podpora tam je, ale u některých věcí částečná (třeba grid-gap). Já jsem moc neměl nervy to ladit, tak proto jsem to zavrhnul po poměrně krátkém užívání.