JSFiddle - React, Tailwind, and code Playground

by Richard Hunter

HTML

<div class="container">
  <div class="bar">
    <div class="foo"></div>
    <div class="foo"></div>
    <div class="foo"></div>
    <div class="foo"></div>
  </div>
</div>

CSS

.container {
  width: 60px;
  height: 60px;
  background: pink;
  padding-left: 10px;
  padding-top: 100px;
  padding-right: 10px;
  padding-bottom: 10px;
  overflow: scroll;
  position: relative;
}

.bar{
   display: flex;
   padding-right: 10px;
   background: orange;
   position: absolute;
}

.foo {
  width: 100px;
  height: 100px;
  flex-shrink:0;
  margin: 5px;
  background: green;

}