zdfb

henryernice · Jan 29, 2024 · 3a8ae61 · 3a8ae61
1 parent 52a795e
commit 3a8ae61
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 6 deletions.
diff --git a/index.html b/index.html
@@ -25,22 +25,22 @@ <h2>Quick Links</h2>
                 </div>
                 <div class="articles">
                     <div class="article">
-                        <a href="https://canvas.henryernice.com/" target="_blank"><img src="canvas_preview.png" alt="canvas_preview"></a>
+                        <a href="https://canvas.henryernice.com/" target="_blank"><img src="canvas_preview.png" class="articleimg" alt="canvas_preview"></a>
                         <br>
                         <a style="font-size: 30;" href="https://canvas.henryernice.com/" target="_blank" class="articlelink lightup">Visit the collaborative canvas inspired by r/place (but shittier)</a>
                     </div>
                     <div class="article">
-                        <a href="https://gurk-studios.itch.io/cataclysm" target="_blank"><img src="cataclysm_preview.png" width="480" height="300" alt="cataclysm_preview"></a>
+                        <a href="https://gurk-studios.itch.io/cataclysm" target="_blank"><img src="cataclysm_preview.png" class="articleimg" alt="cataclysm_preview"></a>
                         <br>
                         <a style="font-size: 30;" href="https://gurk-studios.itch.io/cataclysm" target="_blank" class="articlelink lightup">You know what is not shitty? Go play the legendary game Cataclysm on itch.io</a>
                     </div>
                     <div class="article">
-                        <a href="https://catpic.henryernice.com" target="_blank"><img src="cat_preview.jpeg" width="480" height="300" alt="cat_preview"></a>
+                        <a href="https://catpic.henryernice.com" target="_blank"><img src="cat_preview.jpeg" class="articleimg" alt="cat_preview"></a>
                         <br>
                         <a href="https://catpic.henryernice.com" target="_blank" class="articlelink lightup">Feeling sad? look at some random cat photos here</a>
                     </div>
                     <div class="article">
-                        <a href="https://github.com/henryernice/" target="_blank"><img src="github.png" alt="github_preview" width="562,5"></a>
+                        <a href="https://github.com/henryernice/" target="_blank"><img src="github.png" class="articleimg" alt="github_preview"></a>
                         <br>
                         <a style="font-size: 30;" href="https://github.com/henryernice/" target="_blank" class="articlelink lightup">Look at my wonderful Github account</a>
                     </div>

diff --git a/main.css b/main.css
@@ -8,8 +8,10 @@
     font-family: monospace;
     margin-left: 0px;
     text-align: left;
+    background-color: rgb(210,200,180)
 }
 
+
 .bigdiv {
     display: inline-block;
     margin: auto;
@@ -22,8 +24,8 @@
     padding: 30px;
     text-align: center;
     width: 35%;
-    /* display: inline-block; */
     margin-left: 25%;
+    margin-top: 20px;
 }
 
 .narrowpane {
@@ -40,7 +42,7 @@
     border-bottom-left-radius: 0px;
     border-color: rgb(82, 66, 89);
     border-width: 2px;
-    background-color: rgb(222, 222, 222);
+    background-color: rgb(181, 200, 203);
     height: 100%;
     padding-left: 4px;
     padding-right: 4px;
@@ -98,4 +100,8 @@ a {
     margin: 6px;
     margin-bottom: 20px;
 
+}
+
+.articleimg {
+    width : 90%
 }