.categorie-dropdown { display: flex; justify-content: center; align-items: center; margin-top: 20px; text-align: center; width: 100%; /* Le conteneur occupe toute la largeur de la page */ padding: 0 5px; /* Marge de 5px à gauche et à droite du conteneur */ box-sizing: border-box; /* Inclut la marge dans la largeur totale */ } .categorie-dropdown select { padding: 10px; font-size: 16px; border-radius: 5px; border: 1px solid #ccc; background-color: #fff; width: 100%; /* Le select prend toute la largeur du conteneur */ box-sizing: border-box; /* Assure que les marges et le padding sont inclus dans la largeur totale */ } @media (max-width: 768px) { .categorie-dropdown select { max-width: 100%; /* Le select occupe toujours toute la largeur de son conteneur sur les petits écrans */ } }