table { width: 100%; } tr { display: flex; width: 100%; } td { padding: 20px 0; } th, td { flex: 1; text-align: center; border: 1px solid black; } .container { margin-left: 24px; margin-right: 24px; } .noselect { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ -khtml-user-select: none; /* Konqueror HTML */ -moz-user-select: none; /* Old versions of Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */ } .incompleteWorkout:hover { background-color: rgb(235, 235, 235); } .completedWorkout { background-color: rgb(107, 194, 107); } .completedWorkout:hover { background-color: rgb(89, 161, 89); }