1486 sujets

Web Mobile et responsive web design

Bonjour,
je debute en responsive et je fais des essais multiples. J'utilise une grille de 12 colonnes avec des grid area avec un header, une colonne gauche, un article et un footer avec un header plus grand.
grid-template-areas: 
      "hd hd hd hd hd hd hd hd hd hd hd hd"
      ". colg colg art art art art art art art art ."
      ". ft ft ft ft ft ft ft ft ft ft .";

Quand je diminue la largeur :
grid-template-areas: 
      "hd hd hd hd hd hd hd hd hd hd hd hd"
      "colg colg art art art art art art art art art art"
      "ft ft ft ft ft ft ft ft ft ft ft ft";
}

et enfin pour les petits formats.
grid-template-areas: 
      "hd hd hd hd hd hd hd hd hd hd hd hd"
      "art art art art art art art art art art art art"
      "ft ft ft ft ft ft ft ft ft ft ft ft";

Or, ma colg apparaît en dessous, y-a-t-il moyen de la cacher car je pensais que cela la supprimait.
Merci
Modérateur
Bonjour,

attention, grid-template-areas n'est pas supporté par es navigateurs Microsoft!

Sinon pour retirer un élément:


monselecteur {
  display: none;
}
Merci pour les deux conseils.
1. Ta réponse me satisfait entièrement.
2. Quant aux navigateurs Microsoft qui commencent à m'embêter sérieusement (je suis sr Mac), saurais-tu quand cela sera pris en charge car les area sont bien pratiques et permettent facilement de changer de format.
3. Sinon comment faire la même chose avec le système de colonnes ?
Merci