home display

assets/css/app.scss

@@ -149,7 +149,7 @@ section[role="main-content"]{
       }
 
     }
-    div.teasers{
+    div.teasers>.wrapper{
       display: flex;
       flex-direction: row;
       flex-wrap: nowrap;

src/pages/Home.vue

@@ -7,9 +7,10 @@
       <h1>Les Guides de Paris</h1>
       <h2>Corpus des XVII et XVIII<sup>E</sup> siècles</h2>
     </header>
-    <section v-if="colophonHome.length && colophonHome.length > 0" class="row">
+    <section class="row">
       <div class="col-2" />
       <div class="col-8 teasers">
+        <div  v-if="colophonHome.length && colophonHome.length > 0" class="wrapper">
           <article
             v-for="page in colophonHome"
             :key="page.uuid"
@@ -26,6 +27,7 @@
             </a>
           </article>
         </div>
+      </div>
       <div class="col-2" />
     </section>