inset image css

2026-06-22 09:55:47 -07:00
parent 24a3125b6b
commit 0e1ca62428
1 changed files with 24 additions and 0 deletions
--- a/css/main.css
+++ b/css/main.css
@ -175,3 +175,27 @@ footer a:visited {
 	aspect-ratio: 40 / 9;
 	object-fit: cover;
 }
+
+.inset-left,
+.inset-right {
+	margin-bottom: 1rem;
+}
+
+
+/* only float on larger screens */
+@media (min-width: 551px) {
+	.inset-left,
+	.inset-right {
+		clear: both;
+		width: 40%;
+		margin: .5rem 0;
+	}
+	.inset-left {
+		float: left;
+		margin-right: 1rem;
+	}
+	.inset-right {
+		float: right;
+		margin-left: 1rem;
+	}
+}