1486 sujets

Web Mobile et responsive web design

Bonjour à tous !

Il y avait un moment...(le début du css3) étant professionnellement sur de l'asp.net, je n'ai plus l'habitude de travailler sur le couple PHP/HTML/Css et je dois me faire aux évolutions !

Je développe un site perso/pro, je me suis donc mis aux nouveautés Css Grid... et la les media queries pour l'ajustement d'un menu. ça marche sauf que le changement de l'un à l'autre lors du redimensionnement est un peu brusque.

J'ai alors tenté de mettre une transition, mais sans succès quelque chose m'échappe...

j'ai ajouté par exemple : transition: all 2s linear par exemple à différent endroit.

merci de votre aide !

@media screen and (max-width: 640px){
.nav{ flex-direction:column;
	}
}

@media screen and (min-width: 640px){
	.nav{flex-direction: row;
	}
}

.nav{	
	display: flex;	
	justify-content: space-between;
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center;
  	font-size: 16px;
}