[Résolu] Problème de footer

Bonjour,
J'ai conscience que cette demande à déjà du être formulé, néanmoins après beaucoup de recherche je sèche.

En gros j'ai un problème avec mon footer, il ne veut pas prendre le width à 100%, il reste toujours en left, bottom et right du blanc.

Voici le HTML

<footer>
        <p id="copyright">Dupond & Dupont © 2020</p>
</footer>

Et le CSS

footer {
    /*FlexBox*/
    display: flex;
    justify-content: center;
    align-items: flex-start;
    /*Position*/
    position: relative;
    bottom: 0;
    left: 0;
    right: 0;
    /*Dimension*/
    height: 3rem;
    /*Fonts*/
    font-family: "neo-sans";
    font-size: 1rem;
    /*Visual*/
    background-color: dimgrey;
    color: white;
    box-shadow: 0 1px 5px 2px #191919;
}

Vous trouverez également une image qui vous expliquera mon problème.

En vous remerciant d'avance,
JohnXIV.
Modifié par JohnXIV (06 Jun 2020 - 01:07)

vzytoi a écrit :
Coucou John, essaye de rajouter ça à ton css :

* {
padding: 0;
margin: 0;
}

En CSS, l'étoile permet de tout sélectionner. En gros on veut que tous les éléments html aient une marge et un padding null.
Bonne soirée

Salut !
Je tiens à te remercier it work !
Bonne journée à toi.
JohnXIV