Add CSS for fluid width images

11ty · Nov 15, 2024 · 940e69d · 940e69d
1 parent 287d473
commit 940e69d
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 1 deletion.
diff --git a/LICENSE b/LICENSE
@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2017–2023 Zach Leatherman @zachleat
+Copyright (c) 2017–2024 Zach Leatherman @zachleat
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

diff --git a/public/css/index.css b/public/css/index.css
@@ -71,6 +71,19 @@ body {
 	width: 1px;
 }
 
+/* Fluid images via https://www.zachleat.com/web/fluid-images/ */
+img {
+  max-width: 100%;
+}
+img[width][height] {
+  height: auto;
+}
+img[src$=".svg"] {
+  width: 100%;
+  height: auto;
+  max-width: none;
+}
+
 p:last-child {
 	margin-bottom: 0;
 }