add photo gallery

2023-09-06 19:51:38 -07:00
parent 6642a4992c
commit 54106ae234
6 changed files with 52 additions and 3 deletions
@@ -122,7 +122,7 @@ article .header {

@media (min-width: 640px) {
  body {
-    width: 66%;
+    width: 90%;
    margin: 0 auto;
    padding: 0;
  }
@@ -169,3 +169,20 @@ code {
    font-family: "PressStart";
    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;
+}