Asi najkomplexnejší z rady našich Di blokov. Základom jeho správneho použitia, je vytvorenie stĺpca v gutenberg editore a pridanie triedy row do tohto stĺpca. Do stĺpca potom vkladáme už samotné Di grid kontaineri.

Ako vidíš, Di grid container ponúka pestrú škálu nastavení farieb. To ale nie je všetko. Keby ste z neho cheli urobiť tlačítko, nech sa páči. Má totiž kolonku pre url a tiež zobrazovaciu a hover sadu efektov..To ale ešte stále nieje všetko. Mohol by si si kľudne vytvoriť galériu kedže di grid container má možnosť vloženia obrázka!!

Obrázky

Background position center – top. Text position left – bottom. Text effect slide up 2

Background position center . Text position center – bottom. Background effect fade slow

Overlay slúži k pridaniu vami zvolenej farby a jej priehľadnosti k lepšej viditeľnosti textu. Background hover effect zoom in

Background Contain

Ak by ste potrebovali zobraziť celý obrázok bez orezu, slúži na to kolonka background size COVER vs CONTAIN. Znamená to, že obrázok sa vám zobrazí celý kedže štandartne sa obrázok zobrazuje ako cover. To preto aby mohol mať danú fixnú výšku aj šírku a nenaťahovalo ho..

PrtScrns