basic css

2023-05-14 02:50:07 +02:00 · 2023-05-14 02:50:07 +02:00 · 0caab93c11
parent 4b740f2c52
commit 0caab93c11
2 changed files with 29 additions and 1 deletions
--- a/index.html
+++ b/index.html
@ -7,7 +7,7 @@
    <title>Ada</title>
    <link rel="stylesheet" href="ui.css" />
  </head>
-
+  <div class="content"></div>
  <body>
    <header>
      <h1>Site of a random human</h1>
@ -34,5 +34,6 @@
    <footer>
      <p>If you want to contact me (don't hesitate), i y have a mail TODO. I have some useless project on my <a href="https://github.com/r4iponce">Github</a></p>
    </footer>
+    <div class="content"></div>
  </body>
 </html>
--- a/ui.css
+++ b/ui.css
@ -0,0 +1,27 @@
+
+:root {
+    --main-width: 85vw;
+  }
+  
+  /* large screen */
+  @media only screen and (min-width: 868px) {
+      :root {
+          --main-width: 50vw;
+      }
+  }
+  
+  
+  
+  html {
+    font-family: Noto Sans;
+    scroll-behavior: smooth;
+    color: #C71585;
+  }
+  
+  .content {
+    max-width: var(--main-width);
+    margin-left: auto;
+    margin-right: auto;
+  }
+  
+