Rozjechanie sie elementów po ustawieniu @media

Question

Witam.
Udało mi się ogarnąć media wygląda to teraz okej. Lecz mam pytanie dlaczego jak wrócę do normalnych rozmiarów ( przy 361px zmniejszyłem rozmiar squerów i desc)  i do ułożenia squerów w formie wiersza a nie kolumny to ostatni kwadrat się wykrzacza? Jak usunę media to wszystko jest w porządku niezbyt rozumiem czemu się tak dzieje... Jeszcze pytanie odnoście desc czemu tylko w ostatnim jest justowanie?

https://codepen.io/Kondziks/pen/RwYzbmW

Answer 1

Justowanie jest w każdym, widać nawet na zrzucie. Jak przeglądarka/telefon? U mnie OK.

Comments

U Mnie też na chromie i ff, jest ok., justowanie działa na wszystkich i "ostatni kwadrat" jest ok.

---

To ja już nie rozumiem. Może inaczej proszę wejdzie w ten link (jeżeli będzie to potraktowane jako reklama czy coś nie zgodnego z regulaminem to proszę o usunięcie) i tutaj widać ,że to się rozjeżdża

---

Taki workaround na szybko.

.box {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 25rem;
    height: 410px;
}

a w sekcji @media np. taki dopisek

@media (min-width:481px)  {
    ...

    .box {
        height: auto;
    }
}

 

---

Niestety nie działa :(