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,24 +7,26 @@
       <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">
-        <article
-          v-for="page in colophonHome"
-          :key="page.uuid"
-        >
-          <!-- <h1>{{ page.title }}</h1> -->
-          <div v-html="trimedTei(page.tei)" />
-          <a
-            :href="page.url"
-            class="readmore"
-            @click.prevent="onclick(page.uuid)"
-            @keyup.enter="onclick(page.uuid)"
+        <div  v-if="colophonHome.length && colophonHome.length > 0" class="wrapper">
+          <article
+            v-for="page in colophonHome"
+            :key="page.uuid"
           >
-            <span>Lire la suite</span>
-          </a>
-        </article>
+            <!-- <h1>{{ page.title }}</h1> -->
+            <div v-html="trimedTei(page.tei)" />
+            <a
+              :href="page.url"
+              class="readmore"
+              @click.prevent="onclick(page.uuid)"
+              @keyup.enter="onclick(page.uuid)"
+            >
+              <span>Lire la suite</span>
+            </a>
+          </article>
+        </div>
       </div>
       <div class="col-2" />
     </section>