improved index about me section

autumn-skylight · Aug 4, 2023 · ce94fbd · ce94fbd
1 parent 23e0345
commit ce94fbd
Showing 1 changed file with 88 additions and 0 deletions.
diff --git a/assets/css/main.scss b/assets/css/main.scss
@@ -437,6 +437,7 @@ nav {
   .container {
     display: flex;
     justify-content: center;
+     display: none;
     @media screen and (max-width: 800px) {
       display: block;
     }
@@ -465,6 +466,93 @@ nav {
       }
     }
   }
+.index_holder {
+  width: 900px;
+display: flex;
+  margin: 0 auto;
+@media screen and (max-width: 800px) {
+display: none;
+}
+}
+.box-set__knight {
+  width: 250px;
+display: flex;
+  padding: 0 20px 0 0;
+float: left;
+@media screen and (max-width: 850px) {
+     display: block;
+float: none;
+margin-left: auto;
+  margin-right: auto;
+margin-left: 13%;
+    }
+  @media screen and (max-width: 550px) {
+     display: block;
+float: none;
+margin-left: auto;
+  margin-right: auto;
+margin-left: 13%;
+    }
+}
+.box-set__knight-image {
+  width: 100%;
+padding-bottom: 1em;
+@media screen and (max-width: 850px) {
+     display: block;
+  margin-left: auto;
+  margin-right: auto;
+  width: 70%;
+    }
+@media screen and (max-width: 550px) {
+     display: block;
+  margin-left: auto;
+  margin-right: auto;
+  width: 70%;
+    }
+}
+
+.box-set__header {
+display: flex;
+  color: var(--light-nav-text-colour);
+  padding: 12px 0 0;
+@media screen and (max-width: 850px) {
+     display: block;
+float: left;
+margin-left: 5%;
+margin-right: 30%;
+font-size: 0.95em;
+    }
+@media screen and (max-width: 550px) {
+     display: block;
+float: left;
+margin-left: 3%;
+margin-right: 50%;
+font-size: 0.95em;
+    }
+ @media (prefers-color-scheme: dark) {
+      color: var(--nav-text-colour);
+    }
+}
+.box-set__header h1 span {
+  font-size: 1.2em;
+  display: flex;
+  font-weight: normal;
+@media screen and (max-width: 850px) {
+      font-size: 0.95em;
+display: block;
+max-width: 40%;
+margin-right: 10%;
+      padding-top: 0.8em;
+    }
+ @media screen and (max-width: 550px) {
+      font-size: 0.95em;
+display: block;
+max-width: 10%;
+margin-right: 10%;
+      padding-top: 0.8em;
+    }
+
+}
   .text_placement {
     display: flex;
     padding: 0%;