Break-before / break-after

Hello,

Je souhaite générer un pdf mais je voudrais que la césure des pages ne coupe pas certains éléments :

J'ai une section avec un loop générant des cards dedans dans ce style

<section>
  <!--début du loop-->
  <div class="card">
    Ma card
  </div>
  <!--fin du loop-->
</section>

J'ai regardé la doc mdn, pour insérer un break, mais j'avoue que j'ai un peu de mal à comprendre entre break-before, inside ou after lequel je dois utiliser. Je voudrais qu'il y ait une césure de page avant ou après une card (mais pas dedans).

Comment faire. Merci pour vos conseils
Modifié par Ben12 (07 May 2022 - 12:59)

C'est que j'avais mis sur la class card... mais sans succès. Je me demande si ça ne vient pas de la section ?