Fix horizontal scroll bug

css/main.css

@@ -25,3 +25,9 @@
 #template {
 	margin-bottom: 10em;
 }
+
+@media (max-width: 768px) {
+  .columns.is-multiline {
+    max-width: 100%;
+  }
+}

index.html

@@ -28,7 +28,7 @@
     </section>
     <hr>
     <section>
-      <div class="container is-max-widescreen" id="template" hx-boost hx-ext="client-side-templates" style="overflow-x: hidden;">
+      <div class="container is-max-widescreen" id="template" hx-boost hx-ext="client-side-templates">
         <div
           hx-get="http://localhost:1337/api/articles?populate=couverture"
           hx-trigger="load"
@@ -37,7 +37,7 @@
           <p>Chargement...</p>
         </div>
         <script id="articles" type="x-tmpl-mustache">
-          <div class="columns is-multiline p-5">
+          <div class="columns is-multiline p-3">
             {{#data}}
               <div class="column is-one-third">
                 <div class="card">