Spacer

<nav class="flex flex-col sm:flex-row w-auto "><div class="bg-gray-300 rounded-t-lg sm:rounded-tr-none sm:rounded-l-lg flex ">
    <a class="transition-all duration-500 group relative w-fit disabled:opacity-40 disabled:cursor-not-allowed font-bold uppercase border-white border-[3px] py-4 px-6 hover:text-orange  hover:border-orange  flex items-center gap-2 px-[0.875rem] border-none" href="/cs/videopokusy">
        <svg class="transition-all duration-500 h-6 w-6 -rotate-90 !duration-0">
            <use href="/svg/svg-sprite.svg?v=2#arrow"></use></svg>Zpět</a></div>
            
            <div class="px-[0.875rem] py-4 sm:px-6 sm:py-0 bg-gray-300 bg-opacity-30 flex flex-wrap items-center rounded-b-lg sm:rounded-bl-none sm:rounded-r-lg flex-1">
                <a class="after:content-['/'] after:px-3" href="/cs/videopokusy">Videopokusy</a>
                <span class="font-bold underline">Cestuje elektřina rychleji v zimě, nebo v létě?</span>
                </div>
        </nav>

Subnav

Video

<div class="animations show-up bg-gray-300 bg-opacity-30 rounded-lg p-6 sm:p-10 lg:p-15 ">
<h4>Materiály ke stažení</h4>
<ol>
<li><a href="/webcms/file/edee/2025/02/pl_pokus-01_nevyplnene-20250205-143702.pdf" data-edee-fileid="f.file:511170" data-edee-hash="js7mCA"></a><a href="/webcms/file/edee/se/pokusy/pl_pokus-02_vyucujici.pdf" data-edee-fileid="f.file:513879" data-edee-hash="FfuDKw">Pracovní list pro učitele</a><a href="/webcms/file/edee/2025/02/pl_pokus-01_nevyplnene-20250205-143702.pdf" data-edee-fileid="f.file:511170" data-edee-hash="js7mCA"></a></li>
<li><a href="/webcms/file/edee/se/pokusy/pl_pokus-02_nevyplnene.pdf" data-edee-fileid="f.file:513865" data-edee-hash="q2CI6g">Pracovní list pro žáky a studenty</a></li>
<li><a href="/webcms/file/edee/se/pokusy/pl_pokus-02_vyplnene.pdf" data-edee-fileid="f.file:513866" data-edee-hash="HrJuMw">Řešení</a></li>
</ol>
</div>