Partage
  • Partager sur Facebook
  • Partager sur Twitter

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;
    }
    
    • Partager sur Facebook
    • Partager sur Twitter
      11 octobre 2017 à 7:28:01

      Bonjour,

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

      • Partager sur Facebook
      • Partager sur Twitter

      Pas d'aide concernant le code par MP, le forum est là pour ça :)

        11 octobre 2017 à 8:34:29

        ça fonctionne parfaitement. Merci beaucoup pour votre réponse.
        • Partager sur Facebook
        • Partager sur Twitter
          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.

          • Partager sur Facebook
          • Partager sur Twitter

          Pas d'aide concernant le code par MP, le forum est là pour ça :)

          Media queries

          × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
          × Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
          • Editeur
          • Markdown