From 0cf778ad444cb636eefbbe398773a37cd5206bfa Mon Sep 17 00:00:00 2001
From: Alexandre Iooss <erdnaxe@crans.org>
Date: Fri, 5 Nov 2021 13:42:21 +0100
Subject: [PATCH] Fix grid layout on tablet

---
 content/_index.fr.html | 22 +++++++++++-----------
 1 file changed, 11 insertions(+), 11 deletions(-)

diff --git a/content/_index.fr.html b/content/_index.fr.html
index c5a8ccf..b0542dc 100644
--- a/content/_index.fr.html
+++ b/content/_index.fr.html
@@ -50,7 +50,7 @@ title: Accueil
     </div>
 
     <div class="columns is-multiline is-mobile has-text-centered">
-      <div class="column is-half-mobile is-one-quarter-desktop">
+      <div class="column is-half-mobile is-half-tablet is-one-quarter-desktop">
         <div class="feature-card">
           <div class="card-title">
             <h4>Une connexion filaire</h4>
@@ -65,7 +65,7 @@ title: Accueil
         </div>
       </div>
 
-      <div class="column is-half-mobile is-one-quarter-desktop">
+      <div class="column is-half-mobile is-half-tablet is-one-quarter-desktop">
         <div class="feature-card">
           <div class="card-title">
             <h4>Une couverture Wi-Fi</h4>
@@ -80,7 +80,7 @@ title: Accueil
         </div>
       </div>
 
-      <div class="column is-half-mobile is-one-quarter-desktop">
+      <div class="column is-half-mobile is-half-tablet is-one-quarter-desktop">
         <div class="feature-card">
           <div class="card-title">
             <h4>NextCloud</h4>
@@ -95,7 +95,7 @@ title: Accueil
         </div>
       </div>
 
-      <div class="column is-half-mobile is-one-quarter-desktop">
+      <div class="column is-half-mobile is-half-tablet is-one-quarter-desktop">
         <div class="feature-card">
           <div class="card-title">
             <h4>Jitsi</h4>
@@ -110,7 +110,7 @@ title: Accueil
         </div>
       </div>
 
-      <div class="column is-half-mobile is-one-quarter-desktop">
+      <div class="column is-half-mobile is-half-tablet is-one-quarter-desktop">
         <div class="feature-card">
           <div class="card-title">
             <h4>Gitea</h4>
@@ -125,7 +125,7 @@ title: Accueil
         </div>
       </div>
 
-      <div class="column is-half-mobile is-one-quarter-desktop">
+      <div class="column is-half-mobile is-half-tablet is-one-quarter-desktop">
         <div class="feature-card">
           <div class="card-title">
             <h4>Serveur Matrix.org</h4>
@@ -140,7 +140,7 @@ title: Accueil
         </div>
       </div>
 
-      <div class="column is-half-mobile is-one-quarter-desktop">
+      <div class="column is-half-mobile is-half-tablet is-one-quarter-desktop">
         <div class="feature-card">
           <div class="card-title">
             <h4>MiniFlux</h4>
@@ -155,7 +155,7 @@ title: Accueil
         </div>
       </div>
 
-      <div class="column is-half-mobile is-one-quarter-desktop">
+      <div class="column is-half-mobile is-half-tablet is-one-quarter-desktop">
         <div class="feature-card">
           <div class="card-title">
             <h4>HedgeDoc</h4>
@@ -170,7 +170,7 @@ title: Accueil
         </div>
       </div>
 
-      <div class="column is-half-mobile is-one-quarter-desktop">
+      <div class="column is-half-mobile is-half-tablet is-one-quarter-desktop">
         <div class="feature-card">
           <div class="card-title">
             <h4>Etherpad</h4>
@@ -185,7 +185,7 @@ title: Accueil
         </div>
       </div>
 
-      <div class="column is-half-mobile is-one-quarter-desktop">
+      <div class="column is-half-mobile is-half-tablet is-one-quarter-desktop">
         <div class="feature-card">
           <div class="card-title">
             <h4>PrivateBin</h4>
@@ -200,7 +200,7 @@ title: Accueil
         </div>
       </div>
 
-      <div class="column is-half-mobile is-one-quarter-desktop">
+      <div class="column is-half-mobile is-half-tablet is-one-quarter-desktop">
         <div class="feature-card">
           <div class="card-title">
             <h4>Kanboard</h4>