Tato šablona má 9 sloupců

Rozložení je na 9 'column' 1/9=11.11%

Počet sloupců lze zvyšovat či snižovat. V definici však na každém řádku musí být stejný počet sloupců

U gride-area je výška sloupce daná nejvyšším sloupcem v daném řádku

Výška se dá určit, ale pak je třeba také učit co s textem, který vytéká z rámce

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á

Middle tag odstavce '.middle p' je nastaveno na max 68em. Zlepšuje se tím čitelnost dlouhých řádků.

v navigaci používám tag 'nav' a tag 'a' formátuji jako 'display:block' . Nepoužívám zavedené užívání tagů 'ul' 'li'

U PNG s průhledným pozadím můžeme udělat stín mimo box