diff css/style.css @ 87:60f77a3de847

css: improve appearance on mobile
author Paper <paper@paper.us.eu.org>
date Tue, 11 Jun 2024 00:50:07 -0400
parents 1fed81c848a5
children a143c3991472
line wrap: on
line diff
--- a/css/style.css	Sun Jun 09 22:07:26 2024 -0400
+++ b/css/style.css	Tue Jun 11 00:50:07 2024 -0400
@@ -161,7 +161,10 @@
 
 .center-image {
 	display: block;
-	margin: 0 auto;
+	margin-left: auto;
+	margin-right: auto;
+	width: 100%;
+	height: auto;
 }
 
 .plugs-list {
@@ -170,7 +173,9 @@
 
 	flex-wrap: wrap;
 	justify-content: center;
-	column-gap: 4px;
+
+	/* column-gap: 4px; */
+	row-gap: 0.5em;
 }
 
 .plugs-list-item {
@@ -180,8 +185,15 @@
 	height: 31px;
 
 	opacity: 80%;
+	image-rendering: pixelated;
 }
 
 .plugs-list-item:hover {
 	opacity: 100%;
 }
+
+.code-block {
+	overflow-x: scroll;
+	background-color: rgba(0, 0, 0, 0.6);
+	padding: 0.5em;
+}