diff options
| author | Romain Gonçalves <me@rgoncalves.se> | 2024-05-26 12:46:49 +0200 |
|---|---|---|
| committer | Romain Gonçalves <me@rgoncalves.se> | 2024-05-26 14:23:37 +0200 |
| commit | 426b9fb3e1c2a77f813409e82ba2c8ddd7b21b30 (patch) | |
| tree | 2f6e98ae6ef7953c439699191556cb4aec5ce8c3 /src/styles/main.css | |
| parent | ab54573f8fe1803f0599efbc2ce53ff04e72ec7f (diff) | |
| download | sousleciel.lol-426b9fb3e1c2a77f813409e82ba2c8ddd7b21b30.tar.gz | |
refactor(styles): img-item are now figure tags
Diffstat (limited to 'src/styles/main.css')
| -rw-r--r-- | src/styles/main.css | 14 |
1 files changed, 12 insertions, 2 deletions
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) { |