hexes.css

:root {
	--hexSize: max(min(calc(90vw/((var(--colCount)*3)+1)), calc(90vh/(((var(--rowCount)*2)+1)*1.732))), 6px);
	--hexHeight: calc(2*1.732*var(--hexSize));
	--fontSize: calc(var(--hexHeight)/4);
	--BGColor: powderblue;
	--hexNumColor: powderblue; 
	--hexContentColor: #757575;
}


body {

}

.hex-grid__list {
	width: calc(((var(--colCount)*3)+1)*var(--hexSize));
	height: calc(((var(--rowCount)*2)+1)*1.732*var(--hexSize));
    display: grid;
    list-style-type: none;
    margin: 0;
    padding: 5px;
    grid-template-columns: repeat(var(--colCount), 1fr 2fr) 1fr;
	background-color: var(--BGColor, black);
}


.hex-grid__item {
	padding: calc(var(--padSize)*1px);

}


.hex-grid__background {
	font-size: var(--fontSize);
	overflow: hidden;
    position:relative;
	padding: 0 0%;
	height: 100%;/**/
	background-color: white;
    clip-path: polygon(75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%, 25% 0);
}

.hex-grid__content {
	height: 100%;
	width: 100%;
	position:absolute;
	left: 0;
	top: 0;
	overflow: hidden;
	background: rgba(0, 0, 0, 0);
	clip-path: polygon(75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%, 25% 0);
	font-size: var(--hexSize);
	display:grid;
	grid-template-columns: 1fr;
	grid-template-rows: 1fr;
	
}

.hex-grid__hexNums {
	grid-column: 1 / 1;
	grid-row: 1 / 1;
	padding: 0 25%;
	font-size: calc(var(--fontSize)/2.5);
	color: var(--hexNumColor, var(--BGColor, #000000));
}





div.hexlink {
   	grid-column: 1 / 1;
	grid-row: 1 / 1;
	top: 0;
	display: flex; 
	height: 100%;
	width: 100%;
	align-items:flex-end; 
	justify-content:center;
}

div.hexlink:hover {
   cursor: hand;
   cursor: pointer;
   opacity: .9;
}

a.hexLink {
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   text-decoration: none;
   /* Makes sure the link doesn't get underlined */
   z-index: 10;
   /* raises anchor tag above everything else in div */
   background-color: white;
   /*workaround to make clickable in IE */
   opacity: 0;
   /*workaround to make clickable in IE */
   filter: alpha(opacity=0);
   /*workaround to make clickable in IE */
}