Klassen sich nicht mit CSS verschieben

Moin!
Nachdem mir beim letzten mal so gut geholfen wurde einfach noch ein Versuch von mir für die selbe Unterseite. :D
Ich versuche grade die Seite https://hoerspielbaer.de/elea-eluanda/ responsive zu gestalten. Leider klappt nichts was ich einstellte.
Ich habe testweise Media only screen and (max-width: 360px) {} eingerichtet. Im Moment stehen die beiden Klassen "elea-eluanda-box-1" und "elea-eluanda-box-23" nebeneinander. Was bei einer Breite von 360px blödsinn ist. Jetzt habe ich versucht jeder der Klassen eine width von 100% zu geben. Brachte nix, beide waren noch immer nebeneinander. Dann float: left zusätzlich in beide reingeschrieben (selber Effekt). Dann nur float ohne width. dann display: flex und flex: wrap (hier haben sich die Klassen ineinander verschoben, aber waren noch immer nebeneinander). Dann noch zusätzlich float: left reingemacht. Auch das änderte nichts.

Übersehe ich grad was oder mach ich was komplett falsch?

Über Hilfe freue ich mich

Hilft mir nicht weiter

Zitat von b3317133

Probier mal sowas (ohne die o.g. flex Angaben):

Code

@media only screen and (max-width: 360px) {
    .elea-eluanda-box-1,
    .elea-eluanda-box-23 {
        float: none;
        width: 100%;
        box-sizing: border-box;
        padding: 10px;
    }
}

Nein bringt nix. Bleibt alles gleich

ja das kommt von dem css ohne media queries

ah ich versuch mal den umgekehrten Weg. Erst mobile dann Desktop. Vielleicht läuft es dann besser

Zitat von b3317133

Was genau hält Dich davon ab, das im Media Query auf display: block; bzw. flex: none; zu setzen?

ähm Dummheit vielleicht :D
Danke das wars :D
Hab ich nicht bedacht