Fix grid layout on tablet

This commit is contained in:
Alexandre Iooss 2021-11-05 13:42:21 +01:00
parent b7c5c4dd5d
commit 0cf778ad44

View file

@ -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>