JSFiddle - React, Tailwind, and code Playground

by Amens

HTML

<div id="master">
<div id="block3" class="sketch-block">
                        <div class="sketch-content">
                            <p>Metformina + lek inkretynowy<sup>d</sup> /<br />/inhibitor SGLT-2/pioglitazon</p>
                        </div>
                        <div class="sketch-nav">
                            <span class="move"></span>
                            <a data-scroll href="#" class="move down-1 right-1"></a>
                            <a data-scroll href="#" class="move"></a>
                        </div>
                    </div>

<div id="block6" class="sketch-block">
                        <div class="sketch-content">
                            <p>Metformina + 2 leki o różnych<br />mechanizmach działania<br />(PSM lub lek inkretynowy ,<br />lub akarboza, lub inhibitor<br />SGLT-2, lub pioglitazon)</p>
                        </div>
                        <div class="sketch-nav">
                            <a data-scroll href="#" class="move"></a>
                        </div>
                    </div>
</div>

CSS

.move {display:block;width:20px;height:20px;background:tomato;}
#block6{left: 33%;position: relative;height: 100%;}
#block3{height: 100%;display: inline-block;position: relative;}
#master{position: absolute;width: 300%;height: 100%;}

JavaScript

$('.move').click(function(){
    $('body').scrollTo('#block6');
});
/*    var mright = (" " + $(this).attr('class') + " ").match(/\sright-(\d+)\s/);
    var mdown = (" " + $(this).attr('class') + " ").match(/\sdown-(\d+)\s/);
if (mdown) {
    downval = parseInt(mdown[1], 10);
    adder = downval*100;
    $('#master').animate({bottom:'+='+adder+'%'});
}
    if (mright) {
        rightval = parseInt(mright[1], 10);
        adder = rightval*100;
        $('#master').animate({right:'+='+adder+'%'});
    }
    
    alert(playerNum);
});*/