JSFiddle - React, Tailwind, and code Playground

by Tushar Jadhav

HTML

<ul class="standard-nav visible-lg">
    <li><a id="intro-linker" class="scroll" href="#intro">Start a fire</a>

    </li>
    <li><a id="about-linker" class="scroll" href="#ourfires">Our fire</a>

    </li>
    <li><a id="services-linker" class="scroll" href="#pastfires">Past fires</a>

    </li>
    <li><a id="team-linker" class="scroll" href="#team">Chief fire lighter</a>

    </li>
    <li><a id="portfolio-linker" class="scroll" href="#seriesfires">Series of fires</a>

    </li>
    <li><a id="contact-linker" class="scroll" href="#contact">Get fired up</a>

    </li>
</ul>

CSS

li:not(:last-child) {
    list-style: none;
    float: left;
    border-right: 1px solid red;
    margin: 0 2px;
}