From b802ddfc01740cac06febfce59d3e2f358456068 Mon Sep 17 00:00:00 2001 From: Hugo Thunnissen Date: Mon, 17 Feb 2020 13:04:01 +0100 Subject: [PATCH] Make aside element more elegant on mobile --- .../index.html | 22 ++++++++++++------- 1 file changed, 14 insertions(+), 8 deletions(-) diff --git a/posts/use-your-mail-client-for-physical-mail/index.html b/posts/use-your-mail-client-for-physical-mail/index.html index 43bb8cf..66a30f7 100644 --- a/posts/use-your-mail-client-for-physical-mail/index.html +++ b/posts/use-your-mail-client-for-physical-mail/index.html @@ -25,10 +25,24 @@ margin: auto; } + aside { + width: 30%; + min-width: 10em; + background-color: rgba(0,0,0, 0.1); + float: right; + padding: 1em; + margin: 1em; + } + + @media only all and (pointer: coarse), (pointer: none) { body { font-size: 5.5vmin; } + + aside { + width: inherit; + } } @media only all and (pointer: fine) { @@ -39,14 +53,6 @@ } } - aside { - width: 30%; - min-width: 10em; - background-color: rgba(0,0,0, 0.1); - float: right; - padding: 1em; - margin: 1em; - }