quatuorbellefeuille.com

commit 2614b70552badbc7c23f09d750de8152b809c19d
parent 6f79c3f6dd4b2db347547b22bf7727fadcbd4dfb
Author: Kévin Le Gouguec <kevin.legouguec@gmail.com>
Date:   Sun, 22 Nov 2020 00:59:01 +0100

Update news page wrt maquette

Diffstat:
M
actualités.css
 | 
6
++----
M
actualités.html
 | 
7
+++++++
M
commun.css
 | 
1
-
M
quatuor.css
 | 
4
++++

4 files changed, 13 insertions(+), 5 deletions(-)
diff --git a/actualités.css b/actualités.css
@@ -1,11 +1,9 @@
 .events {
     display: grid;
-    width: 60%;
+    width: 60vw;
     grid-auto-rows: 14vw;
     grid-template-columns: repeat(auto-fit, 14vw);
     grid-gap: 1em;
-    margin-left: auto;
-    margin-right: 0;
     background-color: #ccc;
 }
 
@@ -59,5 +57,5 @@
     display: block;
     position: fixed;
     top: 10em;
-    left: 0;
+    left: 60vw;
 }
diff --git a/actualités.html b/actualités.html
@@ -31,6 +31,8 @@
     </header>
 
     <main>
+      <h1>Prochains concerts</h1>
+
       <div class="events">
         <div class="event">
           <input type="radio" name="event">
@@ -56,6 +58,11 @@
           <p class="summary">Quelque part<br>À un moment</p>
           <div class="details">Des détails #3 !<br>Pleeeein de détails.</div>
         </div>
+      </div>
+
+      <h1>Prochains concerts</h1>
+
+      <div class="events">
         <div class="event">
           <input type="radio" name="event">
           <img src="https://static.wikia.nocookie.net/goldensun/images/e/ef/TolbiOverworld.png">
diff --git a/commun.css b/commun.css
@@ -74,7 +74,6 @@ nav ol li {
 main {
     grid-row: 2;
     grid-column: 1;
-    display: flex;
     overflow: auto;
     background-color: #fdd;
 }
diff --git a/quatuor.css b/quatuor.css
@@ -1,3 +1,7 @@
+main {
+    display: flex;
+}
+
 main div {
     padding: 2%;
 }