Descriptive Text. Lorem ipsum dolor sit, amet consectetur adipisicing elit. Sed est error repellat veritatis.
Lorem ipsum dolor sit amet consectetur adipisicing elit. Rerum eveniet beatae veritatis saepe corporis voluptates illo placeat maxime sapiente. Sit facere cumque quidem ad quo, dolores pariatur repudiandae ullam animi?
Stránka demonstruje použití moderní CSS funkce clamp() pro řízení šířky prvku, spolu s jednoduchým layoutem zaměřeným na centrování obsahu.
Ukázat, jak pomocí clamp() nastavit minimální, preferovanou a maximální šířku prvku tak, aby byl responzivní a zároveň vizuálně stabilní.
width: clamp(45ch, 50%, 75ch);
→ Karta je přirozeně responzivní, ale zároveň neuteče do extrémů.
clamp(min, preferred, max)
Funkce CSS se používá k nastavení hodnota, která se bude přizpůsobovat mezi minimální a maximální hodnotou Záleží na velikosti viewportu
Pokud je preferovaná hodnota menší než minimum hodnota je vyšší než maximální hodnota, používá se preferovaná hodnota