Bonjour à tous, 

je suis consciente que tout le monde doit poser cette question relou mais ! je reviens tout de même avec, même si j'ai passé quelques heures à fouiller le forum en quête de ma réponse, rien n'a l'air de s'appliquer. 

Je dois réaliser la dernière activité CV dans le cours HTML5 et CSS3. Il s'agit de retirer le liseret de mon CV lorsque celui-ci est en lecture par un navigateur mobile. Voici ce que j'ai fait : 

/*Nav*/

.biographie /*Liseré noir sur le côté avec mini description*/
{
    background-color: black;
    position: absolute;
    left: 0px;
    top: 0px;
    float: left;
    width: 15%;
    height: 100%;
    color: white;
    text-align: center;
}

.textebiographie
{
    font-size: 0.8em;
    margin-top: 300px;
    padding-left: 50px;
    padding-right: 50px;
}

@media all and (max-device-width : 480px) /*Pas de liseré noir et de texte en version mobile*/
{
    .biographie, .textebiographie
    {
        display: none;
    }
}

Malgré le fait que je lui indique que je ne veux pas que mon texte à l'intérieur du liseret et le liseret lui-même n'apparaisse en responsive, rien ne change. 

Est-ce que quelqu'un a des conseils/une idée de ce que j'ai fait de mal ? Où est-ce que je me suis plantée dans mon code ? 

Merci d'avance ! 

Salut,

max-width au lieu de max-device-width.
Il est inutile de cacher le texte si tu cache déjà sont parent.
Il est inutile de mettre px si la valeur est 0 (c'est valable pour toutes les unités).

Et position:absolute et float, c'est l'un ou l'autre pas les deux.