JSFiddle - React, Tailwind, and code Playground

by oilvier

HTML

<div class="bar">
	<div class="foo"></div>
	<div class="foo"></div>
	<div class="foo"></div>
</div>

SCSS

*, ::after, ::before {
    box-sizing: border-box;
}

.bar {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -8px;
}

.foo {
	margin: 0 8px;
	width: percentage(1/3);
	height: 20px;
	background: tomato;
}