From 4df864b6ef4e4f27f0eb6032e82bdc9905db4c7b Mon Sep 17 00:00:00 2001
From: Matthieu Bessat <mbess@mbess.net>
Date: Mon, 2 Sep 2024 21:13:04 +0200
Subject: [PATCH] fix(style): responsive figure

---
 assets/sass/figure.scss | 8 ++++++++
 assets/sass/main.scss   | 1 +
 2 files changed, 9 insertions(+)
 create mode 100644 assets/sass/figure.scss

diff --git a/assets/sass/figure.scss b/assets/sass/figure.scss
new file mode 100644
index 0000000..5f98285
--- /dev/null
+++ b/assets/sass/figure.scss
@@ -0,0 +1,8 @@
+@media (max-width: $md-breakpoint) {
+    figure {
+      img {
+        max-width: 100% !important;
+      }
+    }
+}
+
diff --git a/assets/sass/main.scss b/assets/sass/main.scss
index ad8cb1a..7a8373b 100644
--- a/assets/sass/main.scss
+++ b/assets/sass/main.scss
@@ -17,6 +17,7 @@ $secondary: #f15a24;
 @import "./landing.scss";
 @import "./footer.scss";
 @import "./nav.scss";
+@import "./figure.scss";
 
 .page-footer {
   border-top: 1px solid rgba(140, 130, 115, 0.15);