JSFiddle - React, Tailwind, and code Playground

by Jens Kühn

HTML

<header>
<ul>
  <li>1</li>
  <li>2</li>
  <li>3</li>
  <li>4</li>
  <li>5</li>
  <li>6</li>
</ul>
</header>

CSS

header {
  display: block;
  overflow: hidden;
}
ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  list-style-type: none;
}
li {
  width: 200px;
  background: red;
  box-sizing: content;
  border: 5px solid #fff;
  flex-shrink: 0;
}