medium carousel article

slider.css

.slider {
  border-radius: 0.5rem;
  margin: 1rem;
  min-height: 15rem;
  background: linear-gradient(
    to right,
    #314755,
    #26a0da
  ); /* Default Background */
  box-shadow: 8px 7px 10px rgba(0, 0, 0, 0.5);
  display: flex;
  overflow-x: scroll; /* We should able scroll on x coordinates */
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch; /* For mobile */
  -ms-overflow-style: none; /* For hide scrollbar */
  scrollbar-width: none; /* For hide scrollbar */
}