• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Rozjechanie sie elementów po ustawieniu @media

Object Storage Arubacloud
0 głosów
141 wizyt
pytanie zadane 31 marca 2023 w HTML i CSS przez KonDZIKs Bywalec (2,770 p.)
edycja 31 marca 2023 przez KonDZIKs

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

1 odpowiedź

+2 głosów
odpowiedź 31 marca 2023 przez SzkolnyAdmin Szeryf (87,220 p.)
Justowanie jest w każdym, widać nawet na zrzucie. Jak przeglądarka/telefon? U mnie OK.
komentarz 31 marca 2023 przez VBService Ekspert (254,880 p.)

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

komentarz 31 marca 2023 przez KonDZIKs Bywalec (2,770 p.)

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

komentarz 1 kwietnia 2023 przez VBService Ekspert (254,880 p.)
edycja 1 kwietnia 2023 przez VBService

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;
    }
}

 

komentarz 1 kwietnia 2023 przez KonDZIKs Bywalec (2,770 p.)
Niestety nie działa :(

Podobne pytania

0 głosów
1 odpowiedź 680 wizyt
pytanie zadane 16 sierpnia 2019 w HTML i CSS przez Radek Koniarski Użytkownik (870 p.)
0 głosów
1 odpowiedź 215 wizyt
0 głosów
1 odpowiedź 283 wizyt

92,759 zapytań

141,682 odpowiedzi

320,450 komentarzy

62,103 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...