JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
			<dib class="block"></dib>
			<dib class="block"></dib>
			<dib class="block"></dib>
			<dib class="block"></dib>
			<dib class="block"></dib>
		</div>

CSS

.block {
				width: 15%;				
        min-height: 45px;
				height: 100%;
				border: 1px solid black;
			}

			.block:last-child {
				height: 69px;
			}

      .container {
        border: 1px solid red;
        display:flex;
        flex-flow:row nowrap;
      }
      
			.container::after {
				content: '';
				clear: both;
				display: block;
			}