Použil jste někdy mřížkový systém (grid systém, návrh mřížky)? Pokud ano, který se vám líbí nejvíce?

Ano, používal jsem to.

Dávám přednost použití CSS Grid Layout.

Hlavní důvody:

• Nativní. Je to standardní specifikace CSS, která nevyžaduje externí knihovny.
• Flexibilita. Umožňuje vytvářet složité dvourozměrné rozvržení (řádky a sloupce) s velkou přesností a kontrolou nad umístěním prvků.
• Responsivita. Snadno se přizpůsobí různým velikostem obrazovky pomocí @media dotazů a jednotek jako fr.
• Čistota kódu. Ve srovnání s modelem boxu Grid často zjednodušuje markup, snižuje potřebu dalších obalových prvků.

Příklad základního použití:

/*
  Obalový prvek s display grid.
  Definujeme tři stejně široké sloupce a dvě řady s automatickou výškou.
*/
.container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: auto auto;
  gap: 20px; /* Prostor mezi prvky */
}

/*
  Příklad umístění prvku v mřížce.
  Rozšíříme prvek přes dvě sloupce, začínající od druhého.
*/
.item {
  grid-column: 2 / span 2;
}

V minulosti jsem také používal Bootstrap Grid System, který je založen na Flexboxu. Je užitečný pro rychlé vytváření typických rozvržení, ale je méně flexibilní při práci s složitými strukturami a je vázán na určité CSS třídy.

Celkově CSS Grid nabízí výkonnější a flexibilnější nástroje pro tvorbu moderních a složitých rozvržení bez nutnosti spoléhat na externí frameworky.