JSFiddle - React, Tailwind, and code Playground

by lottikarotti

HTML

<div id="slider">
    <section id="home" class="slider_page">HOME.</section>
    <section id="blog" class="slider_page">BLOG.</section>
    <section id="cont" class="slider_page">CONT.</section>
</div>

CSS

html, body {
    width: 100% ;
    height: 100% ;
    margin: 0 ;
    padding: 0 ;
    font: inherit ;
    border: 0 none ;
}

#slider {
    height: 300px ;
}

section .slider_page {
    display: block ;
    float: left ;
}