Auf Thema antworten

Beitrag

[QUOTE="Terminator, post: 14210, member: 4868"]
Hallo liebe Community,
ich bin Anfänger und hoffe auf eure Hilfe :).
Ich würde gerne ein Bild verkleinern, wenn die Anzeige kleiner 700px ist. Die Bildgröße ändert sich nicht bei Verkleinerung des Browserfensters (die anderen @media queries funktionieren). Das ist der Code:
[B]HTML[/B]
<section class="about-us"> 
   <div class="row">
        <div class="about-col">
          [COLOR=rgb(184, 49, 47)]  <img src="image/img1.jpg">[/COLOR]
            <div>
                <p>Lorem ipsum dolor...</p>
                      <h3>name1</h3>
            </div>
        </div>
        <div class="about-col">
         [COLOR=rgb(226, 80, 65)]   <img src="image/img2.jpg">[/COLOR]
            <div>
                <p>Lorem ipsum dolor...</p>
                      <h3>name2</h3>
            </div>
        </div>
    </div>
</section>
 
[B]CSS[/B]
[COLOR=rgb(226, 80, 65)].about-col img{ [/COLOR]
    height: 150px;
    margin-right: 30px;
    border-radius: 50%;
}

@media(max-width: 700px){
[COLOR=rgb(226, 80, 65)].about-col img{[/COLOR]
        height: 70px;
        margin-right: 30px;
    }
}

Hoffe es ist verständlich.
Danke vorab!!!
[/QUOTE]

Authentifizierung