Mercurial > web

diff css/style.css @ 99:e83a48ef3bf4

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
cheese: make the style much more mobile-friendly
author Paper <paper@tflc.us>
date Fri, 27 Dec 2024 17:06:48 -0500
parents caa6f0e136c8
children c6457452675f
line wrap: on
line diff
--- a/css/style.css	Tue Nov 19 00:55:49 2024 -0500
+++ b/css/style.css	Fri Dec 27 17:06:48 2024 -0500
@@ -77,7 +77,7 @@
 }
 
 /* fuck off */
-h1, h2 {
+h1, h2, h3, h4, h5, h6 {
 	margin: 0;
 }
 
@@ -172,18 +172,22 @@
 .cheese-list {
 	display: flex;
 
+	column-gap: 0.5em;
+	row-gap: 0.5em;
 	flex-wrap: wrap;
-	justify-content: center;
 
-	row-gap: 0.5em;
-	column-gap: 0.5em;
+	justify-content: center;
+	align-items: center;
+
+	width: 100%;
 }
 
 .cheese-image {
+	/* should be a safe value */
+	min-height: 100px;
+	height: 33vh;
 	display: block;
-
-	height: 35vh;
-	width: auto;
+	object-fit: contain;
 }
 
 .plugs-list {