JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <tr>
        <td></td>
        <td></td>
    </tr>
</table>

CSS

h1 {
	text-align: center;
	color: black;
}
tr, td, table {
	border-style: solid;
	border-width: 1px;
	background-color: gray;
	margin: auto;
	height: 25px;
	width: 525px;
}
td {
	transition: 1s background-color;
}
td:hover {
	background-color: pink;
}