From 2614b70552badbc7c23f09d750de8152b809c19d Mon Sep 17 00:00:00 2001
From: Kévin Le Gouguec <kevin.legouguec@gmail.com>
Date: Sun, 22 Nov 2020 00:59:01 +0100
Subject: Update news page wrt maquette

---
 "actualit\303\251s.css"  | 6 ++----
 "actualit\303\251s.html" | 7 +++++++
 commun.css               | 1 -
 quatuor.css              | 4 ++++
 4 files changed, 13 insertions(+), 5 deletions(-)

diff --git "a/actualit\303\251s.css" "b/actualit\303\251s.css"
index 6a2bd4a..a5f686c 100644
--- "a/actualit\303\251s.css"
+++ "b/actualit\303\251s.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\303\251s.html" "b/actualit\303\251s.html"
index e1588e8..5524640 100644
--- "a/actualit\303\251s.html"
+++ "b/actualit\303\251s.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
index b6aec70..6dc0f77 100644
--- 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
index 7a1cb22..c5bb134 100644
--- a/quatuor.css
+++ b/quatuor.css
@@ -1,3 +1,7 @@
+main {
+    display: flex;
+}
+
 main div {
     padding: 2%;
 }
-- 
cgit v1.2.3