diff --git a/src/styles.css b/src/styles.css index f8a374e..07f7621 100644 --- a/src/styles.css +++ b/src/styles.css @@ -29,7 +29,7 @@ html, body { background: transparent; } -/* Main App Container - 16:9 aspect ratio for TV */ +/* Main App Container - fills viewport accounting for browser chrome */ #app { width: 100%; height: 100%; @@ -40,11 +40,10 @@ html, body { } #app > * { - aspect-ratio: 16 / 9; + width: 100%; + height: calc(100vh - 100px); + max-width: 100%; max-height: calc(100vh - 100px); - max-width: 100vw; - width: auto; - height: auto; min-width: 0; min-height: 0; }