JSFiddle - React, Tailwind, and code Playground

by Brett Gaynor

HTML

<div class="content">

  <!---THE FIRST SLIDER--->

  <div class="slider_1">
    <div class="slides_1">
      <div class="containergrid">
        <div class="description">
          <p class="maindescription">Description 1</p>
          <p class="year">2017</p>
        </div>
        <div class="imgbutton">
          <img class="img_1_1" src="https://via.placeholder.com/150">
          <div class="button">
            <button class="prev" onclick="plusDivs('slides_1', -1)">Prev</button>
            <button class="next" onclick="plusDivs('slides_1', 1)">Next</button>
          </div>
        </div>
      </div>
    </div>
    <div class="slides_1">
      <div class="containergrid">
        <div class="description">
          <p class="maindescription">Description 2</p>
          <p class="year">2017</p>
        </div>
        <div class="imgbutton">
          <img class="img_1_2" src="https://via.placeholder.com/250">
          <div class="button">
            <button class="prev" onclick="plusDivs('slides_1', -1)">Prev</button>
            <button class="next" onclick="plusDivs('slides_1', 1)">Next</button>
          </div>
        </div>
      </div>
    </div>
  </div>

  <!---THE SECOND SLIDER--->

  <div class="slider_2">
    <div class="slides_2">
      <div class="containergrid">
        <div class="description">
          <p class="maindescription">Description 1</p>
          <p class="year">2017</p>
        </div>
        <div class="imgbutton">
          <img class="img_2_1" src="https://via.placeholder.com/150">
          <div class="button">
            <button class="prev" onclick="plusDivs('slides_2'-1)">Prev</button>
            <button class="next" onclick="plusDivs('slides_2', 1)">Next</button>
          </div>
        </div>
      </div>
    </div>
    <div class="slides_2">
      <div class="containergrid">
        <div class="description">
          <p class="maindescription">Description 2</p>
          <p class="year">2017</p>
        </div>
 ...