1448 sujets

Web Mobile et responsive web design

Bonjour à tous,

Voilà, j'ai une page dont le body est centré, 1400px de large.
Jusqu'ici tout va bien.
A l'intérieur j'ai plusieurs div / grid dont l'un suit parfaitement la limite 1400px mais le menu n'en fait qu'à sa tête!
Voici le CSS qui merdouille:

.menu {
	display: grid;
	grid-template-columns: repeat(10, auto) ;
	font-size: 1.5vw;
	max-width: 1400px;
}


Alors que ce lui ci est ok:

.wrapper {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-auto-flow: row dense;
	grid-gap: 5px;

	font-family: 'raleway';
	font-size: 11;
	font-weight: 400;	
}


C'est mon premier post, j'espère qu'il est assez clair...

Merci!
Purée en relisant mon post j'ai trouvé!
On dirait que le fait de donner le font-size en vw l'emporte sur la largeur du div...
du coup j'ai rajouté ça:

@media screen and (min-width: 1400px) {
 .menu {
     font-size: 36px;
  }
}

Et là c'est ok!
Bon ben à plus tard! Smiley cligne