## Nadpis testu Text testu s príkladmi pridávania obrázkov do markdown stránok. ## Základný obrázok Tu je príklad jednoduchého obrázka v markdown formáte: ![Príklad obrázka](/images/example.svg) ## Obrázok s popisom Môžete pridať aj podrobnejší alt text pre prístupnosť: ![Demo obrázok s farebným gradientom a geometrickými tvarmi](/images/demo.svg) ## Obrázok s vlastnou veľkosťou Pre presnejšiu kontrolu nad veľkosťou môžete použiť HTML syntax: Príklad

## Obrázok zarovnaný do stredu

## Externý obrázok Môžete použiť aj obrázky z internetu: ![Next.js Logo](https://nextjs.org/static/twitter-cards/nextjs.png) ## Dva obrázky vedľa seba Použitím flexboxu môžete umiestniť dva obrázky vedľa seba:

## Tri obrázky vedľa seba Rovnako môžete vytvoriť galériu s tromi obrázkami:

## Rôzne šírky obrázkov Môžete nastaviť rôzne šírky pre každý obrázok:

## Vlastné medzery medzi obrázkami Pomocou `gap` vlastnosti môžete kontrolovať medzery: ### Malá medzera (8px)

### Veľká medzera (32px)

## Responzívne obrázky vedľa seba Pre responzívne zobrazenie môžete použiť percentá alebo kombinovať s maxWidth:

## Tip Všetky obrázky v projekte by mali byť umiestnené v priečinku `public/images/` a v markdown ich odkazujete pomocou `/images/nazov-obrazka.jpg`. ### Nastavenie šírky a medzier: - `width`: Určuje šírku obrázka (napr. `'50%'`, `'300px'`) - `gap`: Nastavuje medzeru medzi obrázkami (napr. `'8px'`, `'16px'`, `'32px'`) - `flexWrap: 'wrap'`: Umožňuje prelamovanie obrázkov na menších obrazovkách

Projects