autosize test

nothing happend here
2021-08-24 00:22:03 +02:00
parent 3fb915e1a1
commit aa2c2f10e8
3 changed files with 12 additions and 3 deletions
--- a/index.html
+++ b/index.html
@@ -6,7 +6,7 @@
        <meta charset="UTF-8">
        <title>Apophis Coding</title>
        <link rel="shortcut icon" href="images/icon.png">
-        <link rel="stylesheet" href="style1.css">
+        <link rel="stylesheet" href="style3.css">
    </head>
    <body>
        <header class="page-head">
--- a/style3.css
+++ b/style3.css
@@ -2,6 +2,7 @@
 .page-head
 {
    height: 75px;
+    height: min(75px, 8vw);
 }

 .page-head div
@@ -18,6 +19,7 @@
 .page-head img
 {
    width: 75px;
+    width: min(75px, 8vw);
    display: inline;
    vertical-align: middle;
 }
@@ -29,6 +31,7 @@
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
+    font-size: min(200%, 4vw);
 }

 .navigation
@@ -60,14 +63,19 @@ body

 .center-panel
 {
+    width: 150px;
+    width: min(800px, 80vw);
+    margin-left: auto;
+    margin-right: auto;
    background-color: rgba(26, 26, 26, 0.596);
    padding: 10px;
-    margin: 0px 200px;
    border: black;
    border-spacing: 3px;
    color: rgb(177, 177, 147);
    border-style: solid;
+    position: center center;
    vertical-align: middle;
+    align-self: middle;
 }

 .center-panel p
@@ -98,4 +106,5 @@ h1
    position: fixed;
    bottom: 0;
    left: 10px;
+    font-size: max(10px, min(20px, 0.8vw));
 }
--- a/subfiles/about-us.html
+++ b/subfiles/about-us.html
@@ -6,7 +6,7 @@
        <meta charset="UTF-8">
        <title>Apophis Coding - About Us</title>
        <link rel="shortcut icon" href="../images/icon.png">
-        <link rel="stylesheet" href="../style.css">
+        <link rel="stylesheet" href="../style3.css">
    </head>
    <body>
        <header class="page-head">