Tabellen bei mobiler Ansicht untereinander

Hallo Leute,

ich habe eine Tablle mit folgender Struktur. Zwei Spalten je 4 Zellen

Ich möchte dass die Zellen bei Mobiler Ansicht untereinander sind.

Ich habe verucht es so zu lösen, aber es geht nicht.

@media screen and (max-width: 900px) { 
.logo_cell { width: 100%;}

Kann mir jemand helfen?

Hier die CSS

.logo_table {
    display: table;width: 100%;
  }
  .logo_row {
    display: table-row;
  }
  .logo_cell {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 25%;
  }

Hier die PHP

<div class="logo_table">
 <div class="logo_row">
  <div class="logo_cell">CELL A</div>
  <div class="logo_cell">CELL B</div>
  <div class="logo_cell">CELL C</div>
  <div class="logo_cell">CELL D</div>
 </div>
  <div class="logo_row">
  <div class="logo_cell">CELL AA</div>
  <div class="logo_cell">CELL BB</div>
  <div class="logo_cell">CELL CC</div>
  <div class="logo_cell">CELL DD</div>
 </div>
</div>

LG

Andreas

Ja .. perfekt :D

Das geht.

Kann man auch erzwingen dass bei der Mobilen Ansicht statt 4 nur 2 Zellen dafür aber dann 4 statt 2 Spalten vorhanden sind?

Ich meine auf die oben beschriebenen Ausgangssituation

Wenn ich das CSS wie von die beschrieben anpasse habe ich zwei Spalten. Aber nur die Linke ist beschrieben,.

Nein, leider nicht.
Bei mir ist alles übereinander.

http://www.astra-web.de/

Es geht um die Logos über der Karte

Gruß Andreas

Danke Danke .. das war es :D