From 4cca80789a0c103171201ae8f0c7a9026e1f1f18 Mon Sep 17 00:00:00 2001
From: Dan Jones <danjones@goodevilgenius.org>
Date: Tue, 14 Sep 2021 11:43:40 -0500
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84=20Make=20Commodore=20image=20use?=
 =?UTF-8?q?=20max-width,=20instead=20of=20width?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 Makefile                          | 2 +-
 _assets/css/responsive_sizes.scss | 3 +++
 index.html                        | 2 +-
 3 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/Makefile b/Makefile
index 2de17e6..dc8255b 100644
--- a/Makefile
+++ b/Makefile
@@ -16,7 +16,7 @@ Gemfile.lock:
 _config.local.yml:
 	touch $@
 
-_site/index.html: .image _config.local.yml
+_site/index.html: .image _config.local.yml index.html
 	podman run --rm -v $(shell pwd):/app:rw -w /app $(IMAGE) bundle exec jekyll build -c '_config.yml,_config.local.yml'
 
 serve: _site/index.html
diff --git a/_assets/css/responsive_sizes.scss b/_assets/css/responsive_sizes.scss
index c01ee19..034ad46 100644
--- a/_assets/css/responsive_sizes.scss
+++ b/_assets/css/responsive_sizes.scss
@@ -5,6 +5,9 @@
         .#{$abbrev}-#{$bpname}-#{$size} {
           #{$prop}: $length;
         }
+        .m#{$abbrev}-#{$bpname}-#{$size} {
+            max-#{$prop}: $length;
+        }
       }
     }
   }
diff --git a/index.html b/index.html
index 7802ce7..abbd83e 100644
--- a/index.html
+++ b/index.html
@@ -8,7 +8,7 @@ title: Introduction
 <section id="webdeveloper">
 <h2>Dan Jones, the Web Developer</h2>
 
-<figure class="figure float-md-right mw-100 w-md-50">
+<figure class="figure float-md-right mw-xs-100 mw-md-50">
   <img src="https://res.cloudinary.com/danjones000/image/upload/v1518462377/danielrayjones/C64c_system.jpg"
 	   class="figure-im img-fluid" alt="Commodore 64" />
   <figcaption class="figure-caption">