Diskusia – 7. diel - Úvod do CSS grid systémov
SpäťUpozorňujeme, že diskusie pod našimi online kurzami sú nemoderované a primárne slúžia na získavanie spätnej väzby pre budúce vylepšenie kurzov. Pre študentov našich rekvalifikačných kurzov ponúkame možnosť priameho kontaktu s lektormi a študijným referentom pre osobné konzultácie a podporu v rámci ich štúdia. Toto je exkluzívna služba, ktorá zaisťuje kvalitnú a cielenú pomoc v prípade akýchkoľvek otázok alebo projektov.
Jurajs:29.5.2020 16:46
Ahoj, je to jednoduché, pokud se ti to nelíbí, tak to piš čistě bez FW a flexboxgridu.
Čtyř sloupcový grid ti udělám bez FW zachvilku a nepotrebuju k tomu FW a
ani flexboxgrid 
A jeste k tomu
to bude plne responzivni Media
queries budeš používat pořád, tomu se nevyhneš....
Právě že mi taky přijde
display: grid;
grid-template-columns: repeat(4,1fr);
grid-gap: 30px;
docela stručné, i když přidám @media.
Navíc jsem si teď nedávno zkusil přidat Bootstrap a FontAwesome do stylu a
moje formátování začínalo na řádku asi 10 358
Jurajs:2.6.2020 13:34
Pokud chceš radu zkus používat tohle - https://www.itnetwork.cz/…nich-layoutu
....Už nepotřebuji používat Bootstrap a další frameworky
David Hartinger:2.6.2020 14:22
Už nepotřebuji používat Bootstrap a další frameworky
Bootstrap a další frameworky právě používají flexbox. Jde jen o to, že si ty styly nemusíš psát pořád znovu sám pro každý element, ale jen přiřadíš nějakou jejich třídu. To je ostatně princip všech frameworků.
Jasně, že chci radu, snažím se zorientovat 
Díval jsem se teď schválně na CanIUse, grid-* má podporu plnou 93,99% (https://caniuse.com/#…), display:flex 93.51% (plnou) /
95.27% (částečnou) (https://caniuse.com/#…) - počítáno bez prefixu. Rozdíl
nic moc...
Jinak k CSS gridu - rozumím, že je hlavně o "čtvercové síti", ty tři
řádky, co jsem napsal výše, prostě jen vyrobí 4 sloupečky, do kterých se
postupně řadí přímí potomci (a přetékají do dalších řádků), což
asi pro vytvoření layoutu ala Gantella ze začátku článku nestačí (to by
asi byl složitější grid ,
ale pro řadu jednoduchých aplikací (třeba fotogalerie) to z mého pohledu
úplně vyhovuje. Jinak těmi třemi řádky si samozřejmě taky nastyluju
třídu, ale do HTML už pak nemusím všude psát, kolik colů mi to má
zabrat. Takže kromě toho, že se mi ten kód subjektivně líbí víc, změnu
počtu sloupců řeším na jednom místě v CSS změnou jednoho čísla.
Přijde mi, že frameworky podobné tomu v článku spíš těží ze
setrvačnosti, protože je řada lidí zvyklá na col-sm...
Zatiaľ nikto nevložil komentár - buď prvý!