update css to use the common.css file

3 files changed, 16 insertions, 33 deletions

diff --git a/clams-server/src/main/resources/public/css/blog.css b/clams-server/src/main/resources/public/css/blog.css
index f323de4..d81100e 100644
--- a/clams-server/src/main/resources/public/css/blog.css
+++ b/clams-server/src/main/resources/public/css/blog.css
@@ -1,13 +1,3 @@
-.content-grid {
-    display: grid;
-    grid-template-columns: 1fr 1fr;
-    gap: 60px;
-    margin-top: 30px;
-}
-
-.left-column { text-align: right; }
-.right-column { text-align: left; }
-
 .intro-text {
     text-align: center;
     max-width: 600px;
@@ -142,12 +132,6 @@
 }
 
 @media (max-width: 768px) {
-    .content-grid {
-        grid-template-columns: 1fr;
-        gap: 40px;
-    }
-    .left-column, .right-column { text-align: center; }
-
     .search-form {
         position: static;
         text-align: center;
diff --git a/clams-server/src/main/resources/public/css/common.css b/clams-server/src/main/resources/public/css/common.css
index f5f6d2a..38c67f8 100644
--- a/clams-server/src/main/resources/public/css/common.css
+++ b/clams-server/src/main/resources/public/css/common.css
@@ -63,6 +63,16 @@ h2 {
 
 .main-container li { margin-bottom: 1rem; }
 
+.content-grid {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    gap: 60px;
+    margin-top: 30px;
+}
+
+.left-column { text-align: right; }
+.right-column { text-align: left; }
+
 a {
     color: var(--text-color);
     text-decoration: underline;
@@ -116,6 +126,11 @@ footer p {
     .footer-separator {
         display: none;
     }
+    .content-grid {
+        grid-template-columns: 1fr;
+        gap: 40px;
+    }
+    .left-column, .right-column { text-align: center; }
 }
 
 ::-webkit-scrollbar {
diff --git a/clams-server/src/main/resources/public/css/projects.css b/clams-server/src/main/resources/public/css/projects.css
index 3e5ccc0..58b33aa 100644
--- a/clams-server/src/main/resources/public/css/projects.css
+++ b/clams-server/src/main/resources/public/css/projects.css
@@ -1,13 +1,3 @@
-.content-grid {
-    display: grid;
-    grid-template-columns: 1fr 1fr;
-    gap: 60px;
-    margin-top: 30px;
-}
-
-.left-column { text-align: right; }
-.right-column { text-align: left; }
-
 .projects-category {
     margin-bottom: 80px;
 }
@@ -74,10 +64,4 @@
     margin: 0 10px;
 }
 
-@media (max-width: 768px) {
-    .content-grid {
-        grid-template-columns: 1fr;
-        gap: 40px;
-    }
-    .left-column, .right-column { text-align: center; }
-}
+