improved css even morreee

2024-02-01 21:05:00 +01:00
parent fb3a7c48fd
commit 53008701e0
4 changed files with 23 additions and 6 deletions
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -29,6 +29,7 @@ import { ViewTransitions } from "astro:transitions";
 	<body>
 		<Navbar />
 		<slot />
+		<br />
 		<Footer />
 	</body>
 </html>
--- a/src/styles/footer.scss
+++ b/src/styles/footer.scss
@@ -1,9 +1,11 @@
 footer {
-    display: inline-flexbox;
+    display: flexbox;
    align-items: center;
    text-align: center;
-    margin: 5vh;
+    position: absolute;
    bottom: 0;
+    width: 100%;
+    margin-bottom: 2vh;

    a {
        color: white;
--- a/src/styles/home.scss
+++ b/src/styles/home.scss
@@ -1,7 +1,9 @@
 main {
    background-image: url("/diagonal_lines_home.png");
-    background-size: cover, contain;
-    margin-inline: -.6vw;
+    background-size: cover;
+    background-repeat: repeat;
+    margin-inline: -.10vw;
+    height: 75vh;
    padding-inline: 10vw;

    .home-main-box {
--- a/src/styles/main.scss
+++ b/src/styles/main.scss
@@ -8,6 +8,8 @@ body {
    background-color: $primary;
    font-family: "Satoshi-Regular", "Arial";
    font-size: 16px;
+    position: relative;
+    min-height: 95vh;
 }

 h1 {
@@ -18,9 +20,9 @@ h1 {
    background-color: $highlight-primary;
    border-radius: 25px;
    box-shadow: 0px 4px 4px 0px #00000040;
-    display: flexbox;
    padding: 2vw;
-    margin: 4vw;
+    margin-inline: 20vw;
+    margin-bottom: 11vh;
 }


@@ -42,6 +44,7 @@ a {
 .astro-code {
    padding: 15px;
    border-radius: 25px;
+    max-width: 50vw;
 }

 code {
@@ -50,4 +53,13 @@ code {
    padding-block: 2px;
    margin: 2px;
    border-radius: 25px;
+}
+
+h1,
+h2,
+h3 {
+    a {
+        color: white;
+        text-decoration: none;
+    }
 }