Partage

Media queries

Règle média queries non prise en compte

11 octobre 2017 à 7:13:34

Bonjour à tous.

Dans le code suivant, je ne comprend pas pourquoi dans le média queries, la règle article{width:auto} n'écrase pas

l'ancienne règle qui limite la largeur de mon <article> à 33%. Merci d'avance.

@media all and (max-width: 1024px) 
{
		
	section  
	{
		display:flex;
		flex-direction:column;
		width: 90%;
		
	}
	
	article 
	{
		width:auto; /*ne fonctionne pas lors du redimentionnement*/

	}
	
	
}
article
{
	width: 33%;
	padding-right: 60px;
}

      section

{	
	display: flex;
	justify-content: space-between;
	width: 90%;
	margin-left: 10px;
}


	

#corps
{
	display:flex;
	flex-direction:column;
}


p
{
	text-align:center;
	text-align:justify;
}
Staff 11 octobre 2017 à 7:28:01

Bonjour,

les blocs de media queries doivent se placer après les sélecteurs qu'elles doivent surcharger.

Pas d'aide concernant le code par MP ni par mail, le forum est là pour ça :) Postez votre code html et css (bouton '</>') !!
11 octobre 2017 à 8:34:29

ça fonctionne parfaitement. Merci beaucoup pour votre réponse.
Staff 11 octobre 2017 à 8:46:12

Je vous en prie :)

Pensez à mettre le sujet en "résolu", merci d'avance. Il y a un bouton pour ça en haut du sujet.

Pas d'aide concernant le code par MP ni par mail, le forum est là pour ça :) Postez votre code html et css (bouton '</>') !!

Media queries

× Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
  • Editeur
  • Markdown