JSFiddle - React, Tailwind, and code Playground

by Kristian Jabilles

HTML

<div class="container">
The overflow-x property specifies whether to clip the content, add a scroll bar, or display overflow content of a block-level element, when it overflows at the left and right edges
The overflow-x property specifies whether to clip the content, add a scroll bar, or display overflow content of a block-level element, when it overflows at the left and right edges
The overflow-x property specifies whether to clip the content, add a scroll bar, or display overflow content of a block-level element, when it overflows at the left and right edges
<!--   <ul>
    <li>Card One</li>
    <li>Card Two</li>
    <li>Card Three</li>
    <li>Card Four</li>
    <li>Card Five</li>
  </ul> -->
</div>

SCSS

.container {
   border: 1px solid #FF0000;
   float: left;
   height: auto;
   overflow-x: scroll;
   width: 400px;
}