JSFiddle - React, Tailwind, and code Playground

by Yonas Hailu

HTML

<div class="ui grid container">
    <div class="ui three column centered grid">
        <div class="teal column">1</div>
        <div class="yellow column">2</div>
    </div>
</div>

CSS

html,body {
	height: 100%;
}
.ui.grid.container {
	display: flex;
	flex-direction: row;
	width: 100%;
	justify-content: center;
	align-items: center;
	height: 100%;
}
.ui.three {
	    display: flex;
}