[Résolu] Responsive Design

Bonjour,

J'ai besoin d'un design particulier pour les écrans compris entre 2 tailles, j'ai donc écrit :

@media screen and (max-width: 1280px) and (min-width: 1024px)
{
    #front-columns {
    	margin: 0 138px;
	}


	.column3 {
		margin: 0 150px;
	}
}

Mais ça ne fonctionne pas.
Comment faire ?

Merci d'avance

Bonjour,

À première vue, pas d'erreur dans la syntaxe.
Il faudrait en savoir un peu plus (page en ligne peut-être ?)

Note : tes media queries ciblent la largeur de la fenêtre du navigateur, pas de l'écran en entier. Si tu souhaites cibler l'écran, les critères sont plutôt min-device-width et max-device-width.

Bonne chance.

Merci beaucoup pour ta réponse.

Je l'ai un peu modifier et ça fonctionne.

stellou74 a écrit :
Je l'ai un peu modifier et ça fonctionne.

Ce serait sympa de proposer ta solution, dans l'esprit communautaire du forum

Ah pardon :

@media screen and (max-width: 1280px) and (min-width: 1024px)
{
    #front-columns {
    	margin: 0 210px;
	}


	.column3 {
		margin: 0 150px;
	}
}


@media screen and (max-width: 1024px) and (min-width: 800px)
{
    #front-columns {
    	margin: 0 130px;
	}

	.column3 {
		margin: 0 140px;
	}
}

@media screen and (max-width: 800px) and (min-width: 640px)
{
    #front-columns {
    	margin: 0 52px;
	}
	.column3{
		margin: 0 160px;
	}
}

@media screen and (max-width: 640px)
{
    #front-columns {
    	margin: 0 140px;
	}
}

Je n'ai pas trop suivi ce qui a changé et résolu le problème, mais merci pour le partage

Raphael a écrit :
Je n'ai pas trop suivi ce qui a changé et résolu le problème, mais merci pour le partage

Ben en fait, je l'ai fait bien pour chaque résolution d'écran que je voulais et puis surtout j'ai bien actualisé pour voir les changements. Ça ne fonctionnait pas je pense car je ne l'avais pas bien fait.