JSFiddle - React, Tailwind, and code Playground

HTML

<div class="box-container">
	<div class="box"></div>
	<div class="box"></div>
	<div class="box"></div>
</div>

CSS

body, html {
	box-sizing: border-box;
	width: 100vw;
  max-width: 100%;
	overflow-x: hidden;
}

.box-container {
	width: 100vw;
	display: flex;
}

.box {
	flex: 1 0 0;
	width: 120px;
	height: 120px;
	background-color: red;
	margin-right: 10px;
}