Set min height and max width

3 years ago · e745c03335
parent 0bac0cbf8d
commit e745c03335
1 changed files with 8 additions and 2 deletions
--- a/index.html
+++ b/index.html
@ -2,14 +2,20 @@
 <html>
  <head>
    <title>macchiato.dev</title>
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
    <style type="text/css">
      html, body {
-        margin: 0;
        padding: 0;
      }
      html {
        box-sizing: border-box;
+        height: 100vh;
+        height: 100svh;
+      }
+      body {
+        min-height: 100vh;
+        max-width: 800px;
+        margin: 0 auto;
      }
      *, *:before, *:after {
        box-sizing: inherit;