make the publication responsible to the screen size

wtong2017 · Sep 26, 2021 · a83fdf1 · a83fdf1
1 parent 0d15c11
commit a83fdf1
Showing 1 changed file with 17 additions and 0 deletions.
diff --git a/_sass/_publications.scss b/_sass/_publications.scss
@@ -179,6 +179,7 @@
 
     .publication-content {
       margin-bottom: 1em;
+      // display: block;
       // text-align: justify;
 
       h3 {
@@ -301,3 +302,19 @@
     }
   }
 }
+
+@media (max-width: 700px) {
+  .pubs{ // cannot delete, or original styles cannot be overwritten by the following styles.
+    .publication {
+      display: block;
+      padding: 1rem;
+      .thumbnail {
+        margin-bottom: 5px;
+        text-align: center;
+        img {
+            width: 100%;
+        }
+      }
+    }
+  }
+}