Diskuze – Lekce 7 - Úvod do CSS grid systémů
ZpětUpozorňujeme, že diskuze pod našimi online kurzy jsou nemoderované a primárně slouží k získávání zpětné vazby pro budoucí vylepšení kurzů. Pro studenty našich rekvalifikačních kurzů nabízíme možnost přímého kontaktu s lektory a studijním referentem pro osobní konzultace a podporu v rámci jejich studia. Toto je exkluzivní služba, která zajišťuje kvalitní a cílenou pomoc v případě jakýchkoli dotazů nebo projektů.
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...
Zobrazeno 10 zpráv z 14.