should be better on mobile

src/lib/Membres.svelte.md

@@ -22,7 +22,6 @@
                site: "https://th4music.net",
                mail: "",
           },
-
           {
                name: "Raphaël Bastide",
                description: "",
@@ -30,13 +29,31 @@
                site: "https://raphaelbastide.com",
                mail: "",
           },
+          {
+               name: "Raphaël Bastide",
+               description: "",
+               image: "https://radicalnetworks.org/archives/2018/participants/raphael-bastide/raphaelbastide.jpg",
+               site: "https://raphaelbastide.com",
+               mail: "",
+          },
+          {
+               name: "Raphaël Bastide",
+               description: "",
+               image: "https://radicalnetworks.org/archives/2018/participants/raphael-bastide/raphaelbastide.jpg",
+               site: "https://raphaelbastide.com",
+               mail: "",
+          },
+
+
      ]
 </script>
 
 # Membres
 
-<div class="grid grid-cols-2 md:grid-cols-3 grid-rows-3 md:grid-rows-2 gap-4 h-5/6 w-4/5 mx-auto">
+<div class="lg:grid sm:grid grid-cols-2 md:grid-cols-3 grid-rows-2 md:grid-rows-3 mx-auto gap-4">
      {#each members as {name, description, image, site, mail}, i}
-          <Portrait name={name} description={description} image={image} site={site} mail={mail}/>
+          <div>
+               <Portrait name={name} description={description} image={image} site={site} mail={mail}/>
+          </div>
      {/each}
 </div>

src/lib/Portrait.svelte

@@ -7,7 +7,7 @@
 </script>
 
 <div
-  class="mx-2 w-full max-w-sm bg-base-300 dark:bg-base-300 border border-gray-200 rounded-lg shadow dark:border-gray-700"
+  class="mx-2 w-72 bg-base-300 dark:bg-base-300 border border-gray-200 rounded-lg shadow dark:border-gray-700"
 >
   <div class="flex justify-end px-4 pt-4" />
   <div class="flex flex-col items-center pb-10">

src/lib/Presse.svelte.md

@@ -39,7 +39,8 @@
 
 # Presse
 
-<div class="grid grid-cols-2 md:grid-cols-3 grid-rows-3 md:grid-rows-2 gap-8 mx-auto gap-4"> {#each general_press as {title, picture, link, author}, i}
+<div class="lg:grid sm:grid grid-cols-2 md:grid-cols-3 grid-rows-2 md:grid-rows-3 mx-auto gap-4">
+     {#each general_press as {title, picture, link, author}, i}
           <Press title={title} description={author} image={picture} link={link} />
      {/each}
 </div>

tailwind.config.cjs

@@ -3,7 +3,7 @@ const typography = require("@tailwindcss/typography");
 
 /** @type {import('tailwindcss').Config}*/
 const config = {
-  content: ["./src/**/*.{html,js,svelte,ts}"],
+  content: ["./src/**/*.{html,js,svelte,ts,svelte.md}"],
 
   theme: {
     extend: {},