diff options
| author | user@node5.net <user@node5.net> | 2025-09-16 22:36:22 +0200 |
|---|---|---|
| committer | user@node5.net <user@node5.net> | 2025-09-16 22:36:22 +0200 |
| commit | 97103aee3108af552240fcbbbe77a252830f4aec (patch) | |
| tree | 28af3eb5a2f5e350cab6688e02050505a3b22451 | |
| parent | 37525d27595931b0d000da98acc0dedbf62df9c5 (diff) | |
Style - Low width move text underneath image
| -rw-r--r-- | blog.node5.net/static/folder.css | 25 | ||||
| -rw-r--r-- | blog.node5.net/templates/folder.html | 1 |
2 files changed, 25 insertions, 1 deletions
diff --git a/blog.node5.net/static/folder.css b/blog.node5.net/static/folder.css index a66bfb7..4c628e0 100644 --- a/blog.node5.net/static/folder.css +++ b/blog.node5.net/static/folder.css @@ -1,10 +1,11 @@ .entry { display: flex; - margin-bottom: 1em; + flex-wrap: wrap; /* Allow title to flow to next line, in case of space constraints */ } .entry > a { text-decoration: none; + width: fix-content; } .entry-text { @@ -27,3 +28,25 @@ ol { text-align: center; } +.entries > hr { + color: #4443; + margin:1em; +} + +h4 { + margin: 0; +} + +h4 > p { + margin-bottom: 0; +} + +@media screen and (max-width: 50rem) { + .entry > * { + width: 100%; + } + .entry > a > img { + width: 100%; + margin-bottom: 0.5em; + } +} diff --git a/blog.node5.net/templates/folder.html b/blog.node5.net/templates/folder.html index 4f93862..97c92a2 100644 --- a/blog.node5.net/templates/folder.html +++ b/blog.node5.net/templates/folder.html @@ -22,6 +22,7 @@ </div> </a> </li> + <hr> {% endfor %} </ol> |