JSFiddle - React, Tailwind, and code Playground

HTML

<body>
    <div id="game" style="width:110px;height:105px;background-color:red;padding:0px">
        <div class="column">
            <div class="boardCell" id="c0r0"></div>
            <div class="boardCell" id="c0r1"></div>
        </div>
        <div class="column">
            <div class="boardCell" id="c0r0"></div>
            <div class="boardCell" id="c0r1"></div>
        </div>
    </div>
    <p>The <span style="color:red">red</span> part</p>
</body>

CSS

.boardCell {

			    border: 1px solid black;

			    width: 50px;

			    height: 50px;

			    border-radius: 2px;

			    padding: 0px;

			}

			.column {
                background-color:white;
			    display: inline-block;

			}