☰ open
Petr Ondříšek
GRID šablona založena na grid-area, buňky jsou pojmenovány
Motto
Midle
Gride-area
Základní rozložení je na 6 'column' 1/6=16.6%
U gride-area je výška sloupce daná nejvyšším sloupcem v daném řádku
V našem případě máme v prvním řádku 'hamburger', 'Header' a 'LogoR'
Výška se řídí dle 'Header'
U 'gride-area' je lepší vyhnout se určování !margin' někdy dochází k chybičkám ve výpočtu
Lze použít centrální 'gap:' nebo 'grid-column-gap:'
Hamburger
Nabídkové menu 'Hamburger' se v základním zobrazení nemusí ukazovat může se nabízet třeba až při rozlišení 800px a nižší
Přesto je lepší jej pro vyšší rozlišení deklarovat a nechat prázdné
Případná deklarace pole v nižším rozlišení je však možná
Left 1
- lebelendeled ozijastin
- nerezent
- flagmarintacert omegant separe
- uriahem semerad
- pozitronum neratum sepefret
- rolmontez
Left 2
- lebelendeled ozijastin
- nerezent
- flagmarintacert omegant separe
- uriahem semerad
- pozitronum neratum sepefret
- rolmontez
- lebelendeled ozijastin
- nerezent
- flagmarintacert omegant separe
- uriahem semerad
- pozitronum neratum sepefret
- rolmontez
Left 3
- lebelendeled ozijastin
- nerezent
- flagmarintacert omegant separe
- uriahem semerad
- pozitronum neratum sepefret
- rolmontez
- lebelendeled ozijastin
- nerezent
- flagmarintacert omegant separe
- uriahem semerad
- pozitronum neratum sepefret
- rolmontez
Left 4
- lebelendeled ozijastin
- nerezent
- flagmarintacert omegant separe
- uriahem semerad
- pozitronum neratum sepefret
- rolmontez
right 1
- lebelendeled ozijastin
- nerezent
- flagmarintacert omegant separe
- uriahem semerad
- pozitronum neratum sepefret
- rolmontez
right 2
- lebelendeled ozijastin
- nerezent
- flagmarintacert omegant separe
- uriahem semerad
- pozitronum neratum sepefret
- rolmontez
right 3
- lebelendeled ozijastin
- nerezent
- flagmarintacert omegant separe
- uriahem semerad
- pozitronum neratum sepefret
- rolmontez
right 4
lampueale portále nebrále