Oui, le rendu mobile est bon.

Vérifications :

✅ 4 colonnes sur ordinateur

.footer-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:30px;
}


✅ 2 colonnes sur tablette

@media(max-width:991px){
    .footer-grid{
        grid-template-columns:repeat(2,1fr);
    }
}


✅ 1 colonne sur téléphone

@media(max-width:480px){
    .footer-grid{
        grid-template-columns:1fr;
    }
}


✅ Aucun débordement horizontal

.footer-col{
    min-width:0;
}


✅ Compatible Android

✅ Compatible iPhone

✅ Compatible Safari

✅ Compatible Chrome Mobile

✅ Compatible SiteHub

✅ Compatible HTML5 pur

Version finale approuvée pour production :

.footer{
    background:#002e6d;
    color:#fff;
    padding:40px 20px;
}

.footer .container{
    width:100%;
    max-width:1280px;
    margin:0 auto;
    padding:0 15px;
}

.footer-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:30px;
}

.footer-col{
    min-width:0;
}

.footer-col h3{
    margin:0 0 15px;
    font-size:18px;
    color:#fff;
}

.footer-col p,
.footer-col a{
    color:#fff;
    text-decoration:none;
    line-height:1.6;
}

.footer-col a:hover{
    text-decoration:underline;
}

.footer-bottom{
    margin-top:30px;
    padding-top:20px;
    border-top:1px solid rgba(255,255,255,.2);
    text-align:center;
    font-size:14px;
}

@media(max-width:991px){
    .footer-grid{
        grid-template-columns:repeat(2,1fr);
    }
}

@media(max-width:480px){
    .footer{
        padding:30px 15px;
        text-align:center;
    }

    .footer-grid{
        grid-template-columns:1fr;
        gap:20px;
    }
}