JSFiddle - React, Tailwind, and code Playground

by Derek Wood

HTML

<ul class="slider">
  <li class="image-w">
    <img src="http://www.placebacon.net/400/250">
  </li>
  <li class="image-w">
    <img src="http://www.placebacon.net/200/650">
  </li>
  <li class="image-w">
    <img src="http://www.placebacon.net/400/500">
  </li>
  <li class="image-w">
    <img src="http://www.placebacon.net/300/200">
  </li>
</ul>

CSS

.slider {
  height: 90%;
  border: 1px solid red;
  display: flex;
}

.image-w {
  border: 1px solid blue;
  // display: flex;
}

.image-w img {
  border: 1px solid orange;
}





ul {
  list-style: none;
  margin: 0;
  padding: 0;
}