JSFiddle - React, Tailwind, and code Playground

by nastya97core

HTML

<script src="https://unpkg.com/flickity@2/dist/flickity.pkgd.min.js"></script>
<link rel="stylesheet" href="https://unpkg.com/flickity@2/dist/flickity.min.css">
<div class="main-carousel" data-flickity='{ "prevNextButtons": false }'>
  <div class="carousel-cell">
    <p><input type="text" placeholder="Email"></p>
    <p><input type="text" placeholder="Пароль"></p>
  </div>
  <div class="carousel-cell">...</div>
  <div class="carousel-cell">...</div>
</div>

CSS

.main-carousel {
  width: 400px;
  margin:auto;
}
.carousel-cell {
    width: 100%;
    height: 160px;
    margin-right: 10px;
    background: blue;
}

input {
    width: 80%;
    height: 40px;
    display: block;
    margin: 0 auto;
}