JSFiddle - React, Tailwind, and code Playground

HTML

<html>
    <head>
        <title>test</title>
    </head>
    <body>
        <div class="sec">
        <div class="panel">
            <a href="">&and;</a><br/>
            <a href="">&or;</a>
        </div>
        <section>section 1</section>
        <section>section 2</section>
        <section>section 3</section>
        <section>section 4</section>
        <section>section 5</section>
        <section>section 6</section>
        <section>section 7</section>
        <section>section 8</section>
        <section>section 9</section>
        <section>section 10</section>
    </div>
    </body>
</html>

CSS

body {
                margin: 0 auto;
            }
            a, a:hover {
                text-decoration: none;
                color: #000;
                background: #fff;
            }
            .sec {
                margin: 0 auto;
                width: 200px;
            }
            .panel {
                background: brown;
                padding: 5px;
                width: 20px;
                position: fixed;
                margin-left: -30px;
            }
            section {
                padding: 20px;
                background: #f6a828;
                color: #fff;
                margin: 20px 0;
            }