/* Controls/Logic */ label, input { position: absolute; top: -10vmin; margin: 0; border: 0; padding: 0; width: 30vmin; height: 52.5vmin; cursor: pointer; opacity: 0; pointer-events: none; -webkit-tap-highlight-color: transparent; } input:nth-child(6n + 2), input:checked + input + input + label { left: 0; } input:nth-child(6n + 3), input:checked + input + label { left: 30vmin; } input:nth-child(6n + 4), input:checked + label { left: 60vmin; } label, input:hover, input[readonly]:focus ...
#hanoi-container { display: flex; justify-content: center; align-items: center; width: 100%; height: 400px; background-color: #f0f0f0; } #game-container { display: flex; justify-content: space-around; width: 80%; } .tower { display: flex; flex-direction: column; align-items: center; justify-content: flex-end; width: 30%; height: 300px; border: 2px solid #333; background-color: ...
#hanoi-container { display: flex; justify-content: center; align-items: center; width: 100%; height: 400px; background-color: #f0f0f0; } #game-container { display: flex; justify-content: space-around; width: 80%; } .tower { display: flex; flex-direction: column; align-items: center; justify-content: flex-end; width: 30%; height: 300px; border: 2px solid #333; background-color: ...