commit: 03f60c28d5da835a2dec067093f9dc4fca8c7660
parent 7ea076b4ef621adc7c3d496131e5727fed1c6230
Author: Drew DeVault <sir@cmpwn.com>
Date: Fri, 21 Aug 2020 18:25:35 -0400
Make webring more responsive
Diffstat:
1 file changed, 11 insertions(+), 2 deletions(-)
diff --git a/assets/main.scss b/assets/main.scss
@@ -163,6 +163,10 @@ pre {
.articles {
display: flex;
+
+ @media(max-width: 640px) {
+ flex-direction: column;
+ }
}
.title {
@@ -173,9 +177,14 @@ pre {
flex: 1 1 0;
display: flex;
flex-direction: column;
- margin: 0 0.5rem;
- padding: 0.5rem;
background: #eee;
+ padding: 0.5rem;
+
+ margin: 0 0.5rem;
+
+ @media(max-width: 640px) {
+ margin: 0.5rem 0;
+ }
}
.article:first-child {