tweak css

Author: eonarheim

src/displaymode/fillcontainer/index.html

@@ -6,6 +6,9 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>DisplayMode.FillContainer Snippet</title>
     <style>
+        html, body {
+            height: 100%;
+        }
         body {
             display: flex;
             justify-content: center;

src/displaymode/fitcontainer/index.html

@@ -6,6 +6,9 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>DisplayMode.FitContainer Snippet</title>
     <style>
+        html, body {
+            height: 100%;
+        }
         body {
             display: flex;
             justify-content: center;

src/displaymode/fitscreen/index.html

@@ -6,6 +6,9 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>DisplayMode.FitScreen Snippet</title>
     <style>
+        html, body {
+            height: 100%;
+        }
         body {
             display: flex;
             height: 100vh;

src/displaymode/fixed/index.html

@@ -6,6 +6,9 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>DisplayMode.Fixed Snippet</title>
     <style>
+        html, body {
+            height: 100%;
+        }
         body {
             display: flex;
             justify-content: center;

src/fullscreen/index.html

@@ -6,6 +6,9 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Fullscreen</title>
     <style>
+        html, body {
+            height: 100%;
+        }
         body {
             display: flex;
             flex-direction: column;