/* Version mobile : pour les écrans de moins de 768px de large */ @media (max-width: 768px) { /* Exemple 1 : éviter qu’une image soit coupée */ .hero-image { object-fit: contain; /* ou “cover” selon ton besoin */ height: auto; } /* Exemple 2 : ajuster la taille du texte */ .hero-text { font-size: 16px; padding: 10px; } /* Exemple 3 : recentrer un bloc */ .section { padding: 20px; text-align: center; } }