Materialise Responsive Bild Anwendung nicht in der Karte

Question

Ich habe eine Karte in materialisieren:

<div class="row"> 
    <div class="col s12 m7"> 
     <div class="card large"> 
     <div class="card-image"> 
      <img class="responsive-img" src="img/xv-chars.png"> 
     </div> 
     <div class="card-content"> 
      <p>I am a very simple card. I am good at containing small bits of information. 
      I am convenient because I require little markup to use effectively.</p> 
     </div> 
     </div> 
    </div> 
    </div> 

auf das Bild verweist ist 1680px breit, trotz der ansprechenden-img class es nicht die Breite schrumpft, wenn ich es auf einen Blick Mobilgerät. Stattdessen wird das Bild in voller Größe angezeigt, sodass der Benutzer weit nach rechts scrollen kann.

Hier ist ein Screenshot davon auf der Hauptseite und ein anderer nach rechts scrollen, weiß jemand, wie man das Bild zwingen kann, in einer Karte richtig zu zeigen?

EDIT:

ich viel Text der Karte hinzugefügt und dass die Dinge geändert, jetzt das Bild zeigt korrekt in allen Bildschirmgrößen, aber der Text zeigt nun zufällig und fleckig. Der eigentliche Text ist 4 Sätze lang. Wenn ich es auf etwa die Hälfte heruntersetze, bekomme ich das Bildproblem.

Answer 1

Es wurde in der Navigationsleiste eine nicht geschlossene oben, durch alles aus wack. Closed und Text und Bild reagieren perfekt.