Použil(a) ste niekedy mriežkový systém (mriežkový systém, dizajn mriežky)? Ak áno, ktorý sa vám najviac páči?

Áno, používal som to.

Uprednostňujem používanie CSS Grid Layout.

Hlavné dôvody:

• Nativita. Ide o štandardnú špecifikáciu CSS, ktorá nevyžaduje externé knižnice.
• Flexibilita. Umožňuje vytvárať zložité dvojrozmerné rozloženia (riadky a stĺpce) s veľkou presnosťou a kontrolou nad umiestnením prvkov.
• Responsívnosť. Jednoducho sa prispôsobí rôznym veľkostiam obrazoviek pomocou @media dopytov a jednotiek ako fr.
• Čistota kódu. V porovnaní s modelom boxu, Grid často zjednodušuje markup, znižujúc potrebu ďalších obalových prvkov.

Príklad základného použitia:

/*
  Obalový prvok s display grid.
  Definujeme tri rovnaké stĺpce a dve rady s automatickou výškou.
*/
.container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: auto auto;
  gap: 20px; /* Priestor medzi prvkami */
}

/*
  Príklad umiestnenia prvku v mriežke.
  Rozšírime prvok na dve stĺpce, začínajúc od druhej.
*/
.item {
  grid-column: 2 / span 2;
}

V minulosti som tiež používal Bootstrap Grid System, ktorý je založený na Flexbox. Je užitočný na rýchle vytváranie typických rozložení, ale je menej flexibilný pri práci s komplexnými štruktúrami a je viazaný na určité CSS triedy.

Celkovo CSS Grid ponúka mocnejšie a flexibilnejšie nástroje na tvorbu moderných a zložitých rozložení bez nutnosti spoliehať sa na externé frameworky.