get ready for final submission

YeeClaw · Dec 14, 2023 · 9feda8d · 9feda8d
1 parent a6b1c29
commit 9feda8d
Show file tree

Hide file tree

Showing 6 changed files with 48 additions and 3 deletions.
diff --git a/portfolio/contact.html b/portfolio/contact.html
@@ -4,7 +4,8 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Austin Colt | Home</title>
+    <title>Austin Colt | Contact</title>
+    <link rel="icon" href="favicon.ico" type="image/x-icon">
     <link rel="stylesheet" href="styles/style.css">
     <script src="https://code.jquery.com/jquery-3.6.4.min.js"></script>
     <script src="scripts/script.js" defer></script>

diff --git a/portfolio/favicon.ico b/portfolio/favicon.ico
diff --git a/portfolio/index.html b/portfolio/index.html
@@ -5,6 +5,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Austin Colt | Home</title>
+    <link rel="icon" href="favicon.ico" type="image/x-icon">
     <link rel="stylesheet" href="styles/style.css">
     <script src="https://code.jquery.com/jquery-3.6.4.min.js"></script>
     <script src="scripts/script.js" defer></script>

diff --git a/portfolio/music.html b/portfolio/music.html
@@ -4,7 +4,8 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Austin Colt | Home</title>
+    <title>Austin Colt | Music</title>
+    <link rel="icon" href="favicon.ico" type="image/x-icon">
     <link rel="stylesheet" href="styles/style.css">
     <script src="https://code.jquery.com/jquery-3.6.4.min.js"></script>
     <script src="scripts/script.js" defer></script>

diff --git a/portfolio/programming.html b/portfolio/programming.html
@@ -4,7 +4,8 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Austin Colt | Home</title>
+    <title>Austin Colt | Programming</title>
+    <link rel="icon" href="favicon.ico" type="image/x-icon">
     <link rel="stylesheet" href="styles/style.css">
     <script src="https://code.jquery.com/jquery-3.6.4.min.js"></script>
     <script src="scripts/script.js" defer></script>

diff --git a/portfolio/styles/style.css b/portfolio/styles/style.css
@@ -280,4 +280,45 @@ footer p a:hover {
 footer .social img {
     padding-top: 15px;
 
+}
+
+@media screen and (max-width: 1440px) {
+
+    .info-left p {
+        width: 500px;
+        background-color: var(--paragraph-background-color);
+        color: var(--paragraph-color-on-white);
+        border-radius: 15px;
+        grid-column: 6 / 11;
+        grid-row: 4 / 7;
+
+    }
+    .info-right p {
+        width: 500px;
+        background-color: var(--paragraph-background-color);
+        color: var(--paragraph-color-on-white);
+        border-radius: 15px;
+        grid-column: 6 / 1;
+        grid-row: 4 / 7;
+        justify-self: right;
+    }
+    .info-left .info-side-image {
+        grid-column: 9 / 10;
+        grid-row: 3 / 7;
+    }
+}
+
+@media screen and (max-width: 900px) {
+
+    nav, footer {
+        flex-direction: column;
+    }
+    nav a {
+        display: block;
+        padding: 15px;
+        height: 25px;
+    }
+    footer {
+        margin-top: 25px;
+    }
 }