Fix style by reverting HTML5 DOCTYPE

[Rangi42]

[Rangi42]

Wow, it's been decades since I've had to think about the rendering quirks that not having a DOCTYPE makes the browser do.

[SelvinPL]

wait

.container {
    display: grid;
    grid-template-columns: 200px auto 520px;
    grid-template-rows: 21px auto 20%;
    grid-gap: 0;
    height: calc(100vh - 20px);;
}


.emulator_screen_container {
    width: 512px;
    height: 512px;
}
.emulator_canvas_screen {
    width: 480px;
}
.emulator_vram_screen {
    width: 512px;
}

@media only screen and (max-height: 600px) {
    .emulator_screen_container {
        width: 256px;
        height: 256px;
    }
    .emulator_canvas_screen {
        width: 240px;
    }
    .emulator_vram_screen {
        width: 256px;
    }
}

fixes this

there was no units and height: calc(100vh - 20px);

[Rangi42]

Mind if we go with the simpler "revert the doctype I added for no particular reason" change? And then consider adding it back and making these deeper changes to how the layout works in non-quirks mode?

[SelvinPL]

Sure