Move to temporary masonry layout using text columns

1 files changed, 8 insertions, 3 deletions

diff --git a/static/style.css b/static/style.css
index 6957c25..930dc25 100644
--- a/static/style.css
+++ b/static/style.css
@@ -373,11 +373,15 @@ blockquote {
 }

 

 .gallery {

-  display: grid;

-  grid-template-columns: repeat(4, 1fr);

+  /*display: grid;

+  grid-template-columns: repeat(4, 1fr);*/

   margin-top: 1.75rem;

+  column-count: 3;

+  column-gap: 0;

 }

 

+.gallery {}

+

 @media screen and (max-width: 45rem) {

     nav {

       display: none;

@@ -390,7 +394,8 @@ blockquote {
         grid-template-columns: 1fr;

     }

     .gallery {

-      grid-template-columns: repeat(2, 1fr);

+      /*grid-template-columns: repeat(2, 1fr);*/

+      column-count: 2;

     }

 

     .toggler{