Bonjour désolé de déterrer le sujet mais ma question était exactement la même. Vu que c'est le seule sujet qui en parle dans le forum et qu'il n'apporte pas la réponse j'ai chercher par moi même et vous propose la méthode qui m'a permis d'avancer.
Nous parlons bien du même endroit celui de la partie 3, chapitre 5, exercice 2.
La réponse de John est malheureusement complétement à côté.
En effet il faut créer une mixin c'est la première étape de l'énoncé.
Mais la question porte sur l'étape 2 de l'énoncé. La média query n'existe pas on ne peux pas couper-coller du rien et donc pas continuer l'exercice.
J'imagine que la media query en question doit être la même que celle de .article__image dans l'exercice 1 (même chapitre, même partie).
donc celle ci :
@media (max-width: 599px) {
width: 100%;
}
considérez dans la suite de l'énoncé que .article__selector est en faite .article__image
Dites-moi ce que vous en pensez ? Ca a marché pour moi
Comme je le disais juste au dessus j'ai trouver une solution. Celle-ci en partant de postulat que c'est l'exercice en lui même qui comporte une erreur de consigne et un oublie dans le code scss.
J'imagine que je ne me suis pas exprimé de manière suffisamment claire pour permettre de te débloquer je reformule donc point par point.
Quand tu es dans le scss le premier point est faisable (créez une mixin appellée mobile-only) tu peux donc le faire.
Le deuxième point n'éxiste pas. Pour pallier à ça on vas partir de principe qu'il n'est pas marquer .article__selector mais .article__image (on partira du même postula pour le point quatre)
Ceci étant fait il n'y a tout de même pas de media query dans .article__image. Nous allons donc l'ajouté tout comme dans l'exercice précèdent du même chapitre. Pour ce faire nous allons écrire à la suite de la ligne 45 :
@media (max-width: 599px) {
width: 100%;
}
Nous avons maintenant l'exercice rectifié. Pour le point deux on doit donc comprendre : Coupez la media query .article__image et copiez-la dans la mixin mobile-only.
C'est a dire couper la media query que l'on vient de créer et la coller dans notre mixin mobile-only.
Il n'y a plus qu'a terminer l'exercice tout en faisant attention a considérer que le point quatre parle toujours de .article__image. C'est a dire qu'il faut lire : Incluez la mixin mobile-only dans .article__image, en utilisant des accolades pour inclure les règles que vous voulez placer dans la media query de la mixin : width: 100%
J'espère que ces explications te servirons (et quelle sont correcte) n'hésite pas a me faire un retour si ça ta aidée ou si justement ça reste obscure.
Bonne journée à toi.
sass et media query
× 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.
Dans la vie, il y a deux certitudes. 1: on va tous mourir, et 2: les pizzas, c'est bon!
Monsieur Gérald COL
9 Rue du Pont Vieux
06300 NICE
Mobile : +33 6 66 21 56 87
Email : gnut@gnut.eu
Portfolio : iwebprod.fr
Mon Site : Le Lycée Professionnel Auguste Escoffier