J'ai un souci d'affichage de mon flex et sa compatibilité sur ipad
Ma page est la suivante
http://jevoyagefacile.com/trouvez-vo...ide-en-france/

Cela fonctionne bien sur web et iphone mais sur ipad les flex item se superposent
le code css est le suivant

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
.flex-container {
    display: -webkit-flex  !important;
    display: flex   !important;
    width: 100%   !important;
    height: 21.875rem !important;
    overflow-x: auto  !important;
 
}
 
.flex-item {
    width: 18.35rem  !important;
    height: 6.25rem  !important;
    margin: 1.38rem !important;
}
 
@media screen and (max-width:768px) {
	.flex-iem { flex: 0 1 49%  !important; }
}
@media screen and (max-width:640px) {
	.flex-item { flex: 0 1 99% !important; }
Merci pour votre aide