Update news page wrt maquette

4 files changed, 13 insertions, 5 deletions

diff --git a/actualités.css b/actualités.css
index 6a2bd4a..a5f686c 100644
--- 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
index e1588e8..5524640 100644
--- 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
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%;
 }