about.scss in jekyll-theme-tallneck-0.2.6

- old
+ new

@@ -1,8 +1,14 @@
 .about {
-    display: flex;
-    flex-flow: row wrap;
+    display: grid;
+    grid-template-columns: minmax($about-img-min-width, $about-img-max-width) 1fr;
+    grid-template-rows: auto;
+
+    @media (max-width: $about-wrap-max-width) {
+        grid-template-columns: 1fr;
+    }
+
     justify-content: space-between;
 
     margin-left: auto;
     margin-right: auto;
 
@@ -12,11 +18,14 @@
     
     .about--img {
         flex: 1 1 38%;
         align-self: center;
 
-        min-width: 250px;
-        max-width: 500px;
+        width: 100%;
+        height: auto;
+
+        max-width: $about-img-max-width;
+        min-width: $about-img-min-width;
 
         margin-left: auto;
         margin-right: auto;
 
         border: 3px solid transparent;
\ No newline at end of file