From 426b9fb3e1c2a77f813409e82ba2c8ddd7b21b30 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Romain=20Gon=C3=A7alves?= Date: Sun, 26 May 2024 12:46:49 +0200 Subject: refactor(styles): img-item are now figure tags --- src/styles/main.css | 14 ++++++++++++-- 1 file changed, 12 insertions(+), 2 deletions(-) (limited to 'src/styles') diff --git a/src/styles/main.css b/src/styles/main.css index fb5aa62..4e25486 100644 --- a/src/styles/main.css +++ b/src/styles/main.css @@ -103,16 +103,26 @@ img { max-width: 100%; } -.img-container { +.figure-container { display: flex; flex-direction: row; width: 100%; + margin: 4em 0 4em 0; +} + +.figure-container figure { + margin: 0; + width: 100%; } -.img-item:not(:last-child) { +.figure-container figure:not(:last-child) { margin-right: 1em; } +figcaption { + padding: 0 1em 0 1em; +} + /* mobile */ @media only screen and (max-width: 72ch) { -- cgit v1.2.3