changeset 84:5914d06f72b4

css: tweak styles to make things work on older browsers the other thing was hacky; this is weirder, but makes a tiny bit more sense
author Paper <paper@paper.us.eu.org>
date Wed, 05 Jun 2024 21:02:44 -0400
parents 06fd6ffefb58
children 52d59a351bf5
files _layouts/default.html css/style.css
diffstat 2 files changed, 13 insertions(+), 7 deletions(-) [+]
line wrap: on
line diff
--- a/_layouts/default.html	Mon May 20 05:04:46 2024 -0400
+++ b/_layouts/default.html	Wed Jun 05 21:02:44 2024 -0400
@@ -38,8 +38,10 @@
 <body>
 	{% include navigation.html %}
 
-	<br>
+	<div class="catchall">
 
 	{{ content }}
+
+	</div>
 </body>
 </html>
\ No newline at end of file
--- a/css/style.css	Mon May 20 05:04:46 2024 -0400
+++ b/css/style.css	Wed Jun 05 21:02:44 2024 -0400
@@ -79,16 +79,20 @@
 	margin: 0;
 }
 
+/* this uglifies the HTML, but it was already fairly ugly to begin with */
+.catchall {
+	margin: 0 auto;
+	padding: 1em 1em;
+}
+
 /* creates a box to store text or whatever in */
 .content {
 	background-color: rgba(0, 0, 0, 0.6);
-	margin-inline: max(1em, 50% - 46.88em/2);
+
+	max-width: 750px;
 
-	/* essentially equivalent to `margin: auto;`
-	 * except it has a minimum value of 1em to make it
-	 * look nice on mobile
-	*/
-	padding: 1em;
+	margin: 0 auto;
+	padding: 1em 1em;
 }
 
 /* headers */