More updates to css

StephenKilgore · Jun 24, 2024 · a88680a · a88680a
1 parent 0cd771a
commit a88680a
Showing 1 changed file with 10 additions and 20 deletions.
diff --git a/src/assets/css/blog.css b/src/assets/css/blog.css
@@ -1,9 +1,3 @@
-h1 a, h1 a:link, h1 a:visited, h1 a:focus, h1 a:hover, h1 a:active {
-    font-size: 1.5rem;
-    text-decoration: none;
-    color: black;
-}
-
 #blog-post-container {
     display: flex;
     flex-direction: column;
@@ -13,26 +7,26 @@ h1 a, h1 a:link, h1 a:visited, h1 a:focus, h1 a:hover, h1 a:active {
 }
 
 #blog-post-container article {
-    width: 80%; /* Set the width of the articles */
+    width: 60%; /* Adjust width to make it not take up the full width */
     margin-bottom: 50px;
     display: flex;
     justify-content: center;
     box-sizing: border-box;
-    padding: 40px;
+    padding: 20px;
 }
 
 .post-box {
     width: 100%;
     max-width: 800px;
     background: #fff;
-    border: 2px solid #eee;
+    border: 1px solid #ddd; /* Adjust border */
     border-radius: 10px;
     padding: 20px;
-    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Add shadow for popping out effect */
 }
 
 article h1 {
-    font-size: 2.5rem;
+    font-size: 2rem; /* Adjusted size */
     margin: 10px 0;
 }
 
@@ -45,7 +39,7 @@ article p {
     width: 100%;
     height: 250px;
     overflow: hidden;
-    border-radius: 20px;
+    border-radius: 10px;
     display: flex;
     align-items: center;
     justify-content: center;
@@ -56,7 +50,7 @@ article img {
     width: 100%;
     height: 100%;
     object-fit: cover;
-    border-radius: 20px;
+    border-radius: 10px;
 }
 
 .post-meta {
@@ -71,9 +65,9 @@ article img {
     display: flex;
     align-items: center;
     gap: 10px;
-    border: 3px solid black;
+    border: 1px solid #ddd; /* Adjust border */
     padding: 10px;
-    border-radius: 10px;
+    border-radius: 5px;
     font-size: 0.9rem;
     flex-shrink: 0;
     max-width: 48%; /* Ensure the boxes don't stretch */
@@ -98,7 +92,7 @@ article img {
     }
 
     article h1 {
-        font-size: 2rem;
+        font-size: 1.5rem; /* Adjusted size */
         margin: 0;
     }
 
@@ -137,7 +131,3 @@ article img {
         padding-top: 20px;
     }
 }
-
-h2 a {
-    text-align: center;
-}