Messages de Dextre385

Le 02 novembre 2022 à 17:44:55 :
Au temps pour moi j'avais mal lu ton dessin, je vais rectifier le code et je t'envoie ça en mp.

Trop bien, merci beaucoup !

Le 02 novembre 2022 à 17:39:40 :

Le 02 novembre 2022 à 17:37:31 :

Le 02 novembre 2022 à 17:27:57 :

Le 02 novembre 2022 à 17:27:22 :

Le 02 novembre 2022 à 17:24:10 :
Tu peux faire une div qui englobe 1 et 2 par exemple

J’ai déjà essayé, ça me met 3 en-dessous de la div.

Pour la première image ou la deuxième ?

Pour la deuxième image.

Finalement j’ai essayé ton code, ça marche nickel en responsive, mais en mode normal ça me met comme sur la première image en inversant le 2 et le 3.

att je t'envoie un code sur jsfiddle en mp

Merci !

Le 02 novembre 2022 à 17:27:57 :

Le 02 novembre 2022 à 17:27:22 :

Le 02 novembre 2022 à 17:24:10 :
Tu peux faire une div qui englobe 1 et 2 par exemple

J’ai déjà essayé, ça me met 3 en-dessous de la div.

Pour la première image ou la deuxième ?

Pour la deuxième image.

Finalement j’ai essayé ton code, ça marche nickel en responsive, mais en mode normal ça me met comme sur la première image en inversant le 2 et le 3.

Le 02 novembre 2022 à 17:27:15 :
<div class="container">
<div class="groupe">
(bloc1)
(bloc2)
</div>
(bloc3)
</div>

Pour ton premier screen :

.container{
display: flex
flex-direction: row
}

.groupe{
display: flex
flex-direction: column
}

et quand t'es en responsive :

@media only screen and (max-width: 600px) {
.container{
display: flex
flex-direction: column
}
}

ca devrait être bon

Merci !

Je vais essayer.

Le 02 novembre 2022 à 17:24:10 :
Tu peux faire une div qui englobe 1 et 2 par exemple

J’ai déjà essayé, ça me met 3 en-dessous de la div.

Le 02 novembre 2022 à 17:22:18 :
Fait des cas dégeulasse dans ton CSS avec @media

C’est pas ce que recommande W3C pourtant ?

Le 02 novembre 2022 à 17:18:49 :
Fiver et paye un indien sous paye il te fera ca en 4minutes

Je veux du code propre, pas un truc dégueulasse fait avec un framework de merde.

Le 02 novembre 2022 à 17:19:42 :
Si tu passes par des flexbox tu peux peut être changer l'order d'un ou deux de tes éléments à partir d'une certaine résolution d'écran
https://css-tricks.com/snippets/css/a-guide-to-flexbox/#aa-order

Merci je vais regarder ça.

https://image.noelshack.com/fichiers/2022/44/3/1667405800-7838a6b9-f790-4361-966d-4e603d5a4a74.jpeg

J’essaie de faire ça quand je réduis l’écran, mais à la place j’ai le 3 qui passe avant le 2.

Comment faire ?