Bonjour,
J'ai étudié votre site. J'ai regardé le code HTML et j'ai vu que vous utilisez le système de grille de bootstrap, et vous l'utilisez mal à certains endroits, ce qui fait que votre site bug à certaines largeurs. Par exemple, je vois un div col md-6 dans un div md-12 dans une section sans class, c'est à dire , sans la classe "row". Il vous faudra revoir la grille de bootstrap et suivre un tuto sur openClassrooms.
Les colonnes doivent être contenues à l'intérieur d'un élément HTML avec la classe container ou container-fluid. Ce n'est pas le cas partout sur votre site, donc les bugs viennent de là, une mauvaise compréhension des classes. Vous devez placez toutes les colonnes dans un conteneur: les col-md-12 doivent êtres placées dans un div class "row" (très important pour clear les floats). Tous les éléments doivent être dans une col, hors je vois une balise <img>en dehors d'une col.
donc par exemple pour chaque ligne:
<div class="container">
<div class = "row">
<div class = "col-md-12">
<p>Mon contenu dans une col, qui est dans une row, qui dans un container</p>
</div>
</div>
</div>
Voilà, vous n'avez pas le choix. Vous devez fixer votre HTML en prenant en compte mes explications, bien vérifier que chaque élément est dans une colonne, qui est dans une ".row", qui est dans un ".container" ou ".container-fluid". Commencez par les petits écrans. Ca devrait régler tous vos problèmes.
Bon courage
