1 files changed, 34 insertions, 25 deletions
diff --git a/links/main.css b/links/main.css
index 40526a1..9d126aa 100644
--- a/links/main.css
+++ b/links/main.css
@@ -80,11 +80,6 @@ main {
   max-width: 700px;
 }
 
-main img {
-  width: 100%;
-  max-width: 700px;
-}
-
 main>* {
   margin-bottom: 30px
 }
@@ -130,18 +125,9 @@ main hr {
   clear: both;
 }
 
-main img.sm {
-  max-width: 192px;
-}
-
-main img.left {
-  float: left;
-  padding-right: var(--body-inline-padding);
-}
-
-main img.right {
-  float: right;
-  padding-left: var(--body-inline-padding);
+main img {
+  width: 100%;
+  max-width: 700px;
 }
 
 main>q {
@@ -373,6 +359,31 @@ ul.nobull li {
   place-items: center;
 }
 
+.size-s {
+  width: auto;
+  max-height: 150px;
+}
+
+.size-m {
+  width: auto;
+  max-height: 220px;
+}
+
+.size-l {
+  width: auto;
+  max-height: 400px;
+}
+
+.float-l {
+  float: left;
+  padding-right: var(--body-inline-padding);
+}
+
+.float-r {
+  float: right;
+  padding-left: var(--body-inline-padding);
+}
+
 /* theme */
 
 @media (prefers-color-scheme: dark) {
@@ -388,7 +399,7 @@ ul.nobull li {
 
 /* mobile */
 
-@media (max-width: 1100px) {
+@media (max-width: 768px) {
   :root {
     --body-spacing: 25px;
   }
@@ -397,15 +408,13 @@ ul.nobull li {
   ol a {
     line-height: 1.8;
   }
-}
 
-@media (max-width: 1100px) and (min-width: 651px) {}
-
-@media (max-width: 650px) and (min-width: 501px) {}
-
-@media (max-width: 500px) and (min-width: 351px) {}
+  img {
+    max-width: 100%;
+  }
+}
 
-@media (max-width: 350px) {}
+@media (max-width: 320px) {}
 
 /* typography */