JSFiddle - React, Tailwind, and code Playground

by tea4two

HTML

<p>通常</p>
<div class="box-parent box1">
	<div class="box box1-child">1</div>
	<div class="box box1-child">2</div>
	<div class="box box1-child">3</div>
</div>

SCSS

/* 共通スタイル */ 
.box-parent {
	border: 2px solid #ccc;
	border-radius: 5px;
	padding: 1rem;
	background-color: rgb(140,210,180);
	min-height: 250px;
}
.box {
	border: 1px solid #ccc;
	padding: 1rem;
	background-color: rgba(255,255,255,.8);
}