replace gallery with flexbox solution

Signed-off-by: Robert Günzler <r@gnzler.io>

1 files changed, 10 insertions, 16 deletions

diff --git a/links/main.css b/links/main.css
index 9d126aa..78f0f12 100644
--- a/links/main.css
+++ b/links/main.css
@@ -205,22 +205,6 @@ main ul.task-list input {
   margin: 0 1em 0 -2em;
 }
 
-/* gallery */
-
-main ul.gallery {
-  padding: 0;
-}
-
-main ul.gallery li {
-  clear: both;
-  display: block;
-  padding: 10px
-}
-
-main ul.gallery li * {
-  display: block;
-}
-
 /* table */
 
 main>table img {
@@ -384,6 +368,16 @@ ul.nobull li {
   padding-left: var(--body-inline-padding);
 }
 
+:is(div, p):has(>.i) {
+  display: flex;
+  flex-flow: row wrap;
+  grid-gap: var(--body-inline-padding);
+}
+
+:is(div, p)>.i {
+  max-width: 100%;
+}
+
 /* theme */
 
 @media (prefers-color-scheme: dark) {