Website sieht auf dem Smartphone unschön aus

[espresso_grande]

Hallo, ich möchte die von mir erstellt html-Seite auch gerne am Smartphone anschauen können.
Dort wird sie jedoch nicht schön angezeigt, insbesondere die Bilder passen überhaupt nicht auf den Bildbereich.

Ich verwende Folgendes:

#picture {
float: left;
max-width: 420 px;
height: auto;
margin-right: 40px;
margin-bottom: 5px;
margin-top: 10px;
border: 2px solid black;
}

und dann dementsprechend

<img id="picture" src="bild.jpg">


Außerdem habe ich auch

<meta name="viewport" conent="width=device-width, initial-scale=1.0">

stehen.


Ich weiß nicht, was ich falsch mache.

 

[djheke]

Das, sollte Dir helfen.
https://wiki.selfhtml.org/wiki/CSS/Media_Queries