Bonjour,

Je viens de réaliser le tutoriel de la grille responsive, qui fonctionne très bien .. Je voulais y ajouter le systeme de container

J'ai deux media queries

$medium: 640px!default;
$large: 1040px!default;

J'ai besoin selon ma maquette d'un container de 1200px;

Comment faire et quelle taille mettre et ou ?

Je suis novice en SCSS

Voici mes media queries

/*Medium Screen */
@media only screen and (min-width: $medium) { 
    @include responsive-columns('medium');
    .medium-hide { display: none; }
    .medium-show { display: block; }
    .small-show { display: none; }
}

/* Large Screen */
@media only screen and (min-width: $large) {
    @include responsive-columns('large');
    .large-hide { display: none; }
    .large-show { display: block; }
    .medium-show { display: none; }
}

Merci

1 réponse


Je n'ai pas bien comprit ta question...
Adapte ton container en fonction de tes besoins, tu le resize dans les media queries
Exemple, de base il faut 1200px mais sur écran plus petit que 1300px tu le mets à 1000px (les valeurs sont totalement prises au hasard)
Après si tu raisonnes en mobile first c'est pareil mais "inversé"