Décalage sur un affichage de 3 colonne avec while

Bonjour,

J'ai un petit problème dont je ne voie pas la solution ...
Je crée un site avec des cours, les cours sont trier par 3 en lignes.
comme ceci :


avant tout était en html, donc quant je devais rajouter un cours, je copier/coller le code de ma "box" qui contient le titre l'images etc..

J'ai voulue faire une base de donnée qui contiens tout mes cours, donc quand j'ajoute un cours dans la BDD il est afficher sur le site directement, pas besoin d'éditer la page.

le problème c'est que j'utilise un while pour afficher tout le contenue de la bdd (donc les cours ) puis les afficher un par un

voici le code

         
<?php
          $bdd = new PDO('mysql:host=localhost;dbname=vulg-info;charset=utf8', 'root', 'mdp');
          $coursnovice = $bdd->query('SELECT * FROM coursnovice');
          while ($donneescoursnovice = $coursnovice->fetch())
         { 
         ?>
          <div class="4u 12u(mobile)">
           <section class="box">
            <a class="image featured"><img src="images/<?php echo $donneescoursnovice['images'] ?>" alt="" /></a>
            <header>
             <h3><?php echo $donneescoursnovice['titre'] ?></h3>
            </header>
            <p><?php echo $donneescoursnovice['description'] ?></p>
            <footer>
             <a href="#" rel="nofollow noopener noreferrer" target="_blank" class="button alt">Suivre ce cour</a>
            </footer>
           </section>
          </div>
         <?php
         }
         $coursnovice->closeCursor(); // Termine le traitement de la requête
         ?>

Le problème c'est que cela me crée un décalage :


je ne voie pas d'ou cela peut venir... Et chose étonante c'est que le décalage et présent que sur la premiere ligne !
voici la deuxième ou tout est en ordre:

Je n'avez pas ce problème quand tout était en html directement
des idées ? :p
merci

Cordialement
Roche Corentin