diff options
| -rw-r--r-- | assets/main.css | 6 | ||||
| -rw-r--r-- | bin/template.eml | 4 |
2 files changed, 8 insertions, 2 deletions
diff --git a/assets/main.css b/assets/main.css index a2d750f..2ab39d9 100644 --- a/assets/main.css +++ b/assets/main.css @@ -46,6 +46,12 @@ body { background: var(--white-smoke); } +@media (max-width: 800px) { + .to-column { + flex-direction: column-reverse; + } +} + .space { z-index: -1; position: fixed; diff --git a/bin/template.eml b/bin/template.eml index bd6f952..e154d75 100644 --- a/bin/template.eml +++ b/bin/template.eml @@ -18,11 +18,11 @@ let render (posts: Post.t list) = <title>Sensemaking Galaxy</title>
</head>
<body style="display:flex; flex-direction:column; align-items:center;">
- <div style="display:flex;margin-top: 3rem; padding: 6px; gap: 3px; margin-bottom:
+ <div class="to-column" style="align-items:center; display:flex; margin-top: 3rem; padding: 6px; gap: 3px; margin-bottom:
3rem;">
<h1 class="intro" style="color: white; letter-spacing: .5rem;">SENSEMAKING GALAXY</h1>
<a href="/feed.xml">
- <img src="/static/rss.svg" alt="rss" style="height: 20px; margin-top: 2rem;" />
+ <img src="/static/rss.svg" alt="rss" style="height: 20px; " />
</a>
</div>
<sl-card style="margin-bottom: 4rem; min-width: 400px; max-width:400px;" class="space-intro">
|