Add gallery page

1 files changed, 7 insertions, 3 deletions

diff --git a/static/style.css b/static/style.css
index caf9776..d8361ef 100644
--- a/static/style.css
+++ b/static/style.css
@@ -50,7 +50,7 @@ main {
     padding: 1.75rem;

     padding-top: 5rem;

     padding-bottom: 3rem;

-    max-width: 80rem;

+    max-width: 60rem;

     margin-left: auto;

     margin-right: auto;

 }

@@ -237,8 +237,9 @@ blockquote {
   font-style: italic;

 }

 

-.sketchbook > img:first-of-type {

-  display: none;

+.gallery {

+  display: grid;

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

 }

 

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

@@ -252,6 +253,9 @@ blockquote {
     .even-2-col-grid {

         grid-template-columns: 1fr;

     }

+    .gallery {

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

+    }

 

     .toggler{

     /* ALWAYS KEEPING THE TOGGLER OR THE CHECKBOX ON TOP OF EVERYTHING :  */