From d6418b036ed1c5dbcc8d5e6973c02d894c1fa866 Mon Sep 17 00:00:00 2001
From: Rostyslav Hnatyshyn <rostyslav.hnatyshyn@gmail.com>
Date: Sat, 9 Sep 2023 20:28:39 -0700
Subject: [PATCH] photo gallery css update

---
 css/default.scss | 43 +++++++++++++++++++++++++++----------------
 1 file changed, 27 insertions(+), 16 deletions(-)

diff --git a/css/default.scss b/css/default.scss
index e84d692..42e85cc 100644
--- a/css/default.scss
+++ b/css/default.scss
@@ -118,6 +118,18 @@ article .header {
     display: inline;
     margin: 0 0.6rem;
   }
+  .gallery {
+  }
+
+.photo {
+  margin-top: 5px;
+  margin-bottom: 5px;
+}
+
+.photo > img {
+    width: 100%;
+    height: auto;
+}
 }
 
 @media (min-width: 640px) {
@@ -149,6 +161,21 @@ article .header {
     float: left;
     font-size: 1.8rem;
   }
+  .gallery {
+    display:flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+    justify-content: center;
+    align-items: center;
+}
+
+.photo {
+    flex-basis: 50%;
+}
+.photo > img {
+    width: 100%;
+    height: auto;
+}
 }
 
 img {
@@ -170,19 +197,3 @@ code {
     padding: .1rem .3rem .2rem;
 }
 
-.gallery {
-    display:flex;
-    flex-direction: row;
-    flex-wrap: wrap;
-    justify-content: center;
-    align-items: center;
-    gap: 5px;
-}
-
-.photo {
-    flex-basis: 33%;
-}
-.photo > img {
-    width: 100%;
-    height: auto;
-}