diff options
author | Romain Gonçalves <me@rgoncalves.se> | 2024-05-19 17:33:00 +0200 |
---|---|---|
committer | Romain Gonçalves <me@rgoncalves.se> | 2024-05-19 17:33:00 +0200 |
commit | 87bd6bf27883b8e97460a2d627010609a25cdd22 (patch) | |
tree | ccc073bad81b085a232872ad183a51244e3882f2 /src/styles | |
parent | e89b095d2002498a1791f192c795e8a85dc6ea65 (diff) | |
download | sousleciel.lol-87bd6bf27883b8e97460a2d627010609a25cdd22.tar.gz |
feat: add flex images to posts
Diffstat (limited to 'src/styles')
-rw-r--r-- | src/styles/main.css | 22 |
1 files changed, 20 insertions, 2 deletions
diff --git a/src/styles/main.css b/src/styles/main.css index dd62b28..2994196 100644 --- a/src/styles/main.css +++ b/src/styles/main.css @@ -4,7 +4,7 @@ } body { - margin-left: 10vw; + margin: 0 10vw 0 10vw; max-width: 96ch; } @@ -36,9 +36,27 @@ ul li { footer { background-color: blue; - margin-top: 4em; + margin: 4em 0 4em 0; } footer a, footer a:hover, footer a:visited { color: white; } + +img { + cursor: crosshair; + max-width: 100%; +} + +.img-container { + display: flex; + flex-direction: row; + width: 100%; +} + +.img-item { +} + +.img-item:not(:last-child) { + margin-right: 1em; +} |