quatuorbellefeuille.com

commit de2cc52fcbbf9186c9ac5c8ce97c9a00d7dce242
parent 6b8bc1bd93d2a17047892d53dd7b6dcd2ed20530
Author: Kévin Le Gouguec <kevin.legouguec@gmail.com>
Date:   Sun,  7 Mar 2021 17:58:38 +0100

Tweak index layout when aspect ratio drops below 1

Diffstat:
M
stylesheets/index.css
 | 
18
++++++++++++++++++

1 file changed, 18 insertions(+), 0 deletions(-)
diff --git a/stylesheets/index.css b/stylesheets/index.css
@@ -51,3 +51,21 @@ a#next-concert:hover {
 #next-concert #day {
     font-weight: 600;
 }
+
+@media (max-aspect-ratio: 1/1) {
+    body {
+        background-image: url('/images/photos/PierreVaillant2.jpg');
+        background-position: bottom;
+    }
+
+    main {
+        display: flex;
+        justify-content: center;
+    }
+
+    a#next-concert {
+        bottom: auto;
+        left: auto;
+        top: 10%;
+     }
+}