better responsive cards

PnX-SI · Nov 6, 2024 · a967004 · a967004
1 parent 13c1ee7
commit a967004
Showing 1 changed file with 8 additions and 8 deletions.
diff --git a/js/pretty_results.html b/js/pretty_results.html
@@ -5,21 +5,19 @@
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
     <title>Document</title>
+
 </head>
+
 <body class="container">
   <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
-  <div class="card-group" id="table_contenu">  
-
-  </div>
-
-  <script>
-
+    <div class="row row-cols-1 row-cols-md-3 g-4" id="table_contenu"></div>
 
+<script>
   const listeTaxon = [
-    { gbifid: 1, cd_ref:1, status: 'Espèce commune',  name: "jeanpol", media: "https://taxref.mnhn.fr/api/media/download/inpn/157724" },
+    { gbifid: 1, cd_ref:1, status: 'Espèce commune', name: "jeanpol", media: "https://taxref.mnhn.fr/api/media/download/inpn/157724" },
     { gbifid: 2, cd_ref:2, status: 'Espèce commune', name: "jeanjak", media: "https://taxref.mnhn.fr/api/media/download/inpn/157724" },
     { gbifid: 3, cd_ref:3, status: 'Espèce commune', name: "jeanjean", media: "https://taxref.mnhn.fr/api/media/download/inpn/157724" },
-    { gbifid: 1, cd_ref:1, status: 'Espèce commune',  name: "jeanpol", media: "https://taxref.mnhn.fr/api/media/download/inpn/157724" },
+    { gbifid: 1, cd_ref:1, status: 'Espèce commune', name: "jeanpol", media: "https://taxref.mnhn.fr/api/media/download/inpn/157724" },
     { gbifid: 2, cd_ref:2, status: 'Espèce commune', name: "jeanjak", media: "https://taxref.mnhn.fr/api/media/download/inpn/157724" },
     { gbifid: 3, cd_ref:3, status: 'Espèce commune', name: "jeanjean", media: "https://taxref.mnhn.fr/api/media/download/inpn/157724" },
     { gbifid: 4, cd_ref:8, status: 'Espèce commune', name: "jeanolive", media: "https://taxref.mnhn.fr/api/media/download/inpn/157724" }
@@ -52,6 +50,8 @@
     let myStatus = document.createElement("small")
     myStatus.innerText = arrayTaxon['status']
     myStatus.className = "text-muted"
+
+    // Build elements
     myCardFoot.appendChild(myStatus)
 
     myCard.appendChild(myFigure);