JSFiddle - React, Tailwind, and code Playground

HTML

<div class="metro">
  <div class="rail">
    <div class="track">a</div>
    <div class="track">b</div>
    <div class="track">c</div>
  </div>
</div>

CSS

.metro{
  position       :relative;
  background     :rgba(255, 255, 255, .03);
  height         :128px;
  padding-bottom :28px;
  overflow       :hidden;
  overflow-x     :scroll;
  }
.metro .rail{
  white-space:nowrap;
  position   :relative;
  width      :auto;
  background :rgba(255, 255, 205, .03);
  height     :128px;
  min-height :128px;
  overflow-y :hidden;
  }
.metro .rail .track{
  text-align:center;
  display    :inline-block;
  float        :left;
  margin-right :10px;
  width        :64px;
  height       :128px;
  background   :rgba(255, 105, 255, .3);
  }