JSFiddle - React, Tailwind, and code Playground

HTML

<div class='divStatsAnlyCmpHstTblCntnr' >
	<div id='divStatsAnlyCmpHstTblLblY0' class='divStatsAnlyCmpHstTblLblY'>What about these techniques? - fit your style - Finger Picking</div>
	<div class='divTblStatsAnlyCmpHst'>
		<table id='tblStatsAnlyCmpHstTbl0'  class='tblStatsAnlyCmpHstTbl' cellspacing='0' cellpadding='0'>
			<tr>
				<td class='tdStatsAnlyCmpHstTblLblsX'>no</td>
				<td class='tblStatsAnlyCmpHstTblCell' style='background:#01579b00; color:black;' >0</td>
				<td class='tblStatsAnlyCmpHstTblCell' style='background:#01579b00; color:black;' >0</td>
				<td class='tblStatsAnlyCmpHstTblCell' style='background:#01579b00; color:black;' >0</td>
				<td class='tblStatsAnlyCmpHstTblCell' style='background:#01579b00; color:black;' >0</td>
				<td class='tblStatsAnlyCmpHstTblCell' style='background:#01579b17; color:black;' >1</td>
				<td class='tblStatsAnlyCmpHstTblCell' style='background:#01579b00; color:black;' >0</td>
				<td class='tblStatsAnlyCmpHstTblCell' style='background:#01579b17; color:black;' >1</td>
				<td class='tblStatsAnlyCmpHstTblCell' style='background:#01579b00; color:black;' >0</td>
				<td class='tblStatsAnlyCmpHstTblCell' style='background:#01579b00; color:black;' >0</td>
				<td class='tblStatsAnlyCmpHstTblCell' style='background:#01579b00; color:black;' >0</td>
				<td class='tblStatsAnlyCmpHstTblCell' style='background:#01579b00; color:black;' >0</td>
				<td class='tblStatsAnlyCmpHstTblCell' style='background:#01579b00; color:black;' >0</td>
				<td class='tblStatsAnlyCmpHstTblCell' style='background:#01579b17; color:black;' >1</td>
				<td class='tblStatsAnlyCmpHstTblCell' style='background:#01579b00; color:black;' >0</td>
				<td class='tblStatsAnlyCmpHstTblCell bdrLeft' >3</td>
			</tr>
			<tr>
				<td class='tdStatsAnlyCmpHstTblLblsX'>sometimes</td>
				<td class='tblStatsAnlyCmpHstTblCell' style='background:#01579b17; color:black;' >1</td>
				<td class='tblStatsAnlyCmpHstTblCell' style='background:#01579b17; color:black;'...

CSS

.divStatsAnlyCmpHstTblCntnr {
	display: grid;
	grid-template-columns:max-content auto;
	grid-gap: 1px;
	width:90%;
	align-items:center;
	overflow-x:auto;
	margin: 0;
}
.divStatsAnlyCmpHstTblLblY {	
	font-size:8pt;
	border:.5px solid black;	
	text-align:center;
	writing-mode: vertical-rl;
	text-orientation: mixed;
	word-wrap: break-word;
	padding:4px;	
}
.divTblStatsAnlyCmpHst {
	width:90%;
}
.tblStatsAnlyCmpHstTbl {
	width:100%;
	border: .5px solid black;
	border-spacing: 0;
    border-collapse: collapse;
	padding:0;	
}
.tblStatsAnlyCmpHstTblCell {	
	text-align:center;
	font-size:8pt;
	border: .5px solid black;
	border-collapse: collapse;
	padding:0;
}
.tdStatsAnlyCmpHstTblLblsX {
	text-align:right;
	border: .5px solid black;
	border-collapse: collapse;
	padding-right:4px;
}
.bdrTop {
	border-top:1px solid black;
}