Schwarzer Hintergrund

[Gunnar Bittersmann]

@@Pitter

Was fehlt:

• die Angabe der Zeichencodierung
• die Viewport-Angabe für kleine Geräte
• der Alternativtext fürs Bild, in deinem Fall was in der Textgrafik steht: alt="Pit Balu"

Damit der Alternativtext zu sehen ist, wenn das Bild nicht geladen wird, darf er natürlich nicht schwarz auf schwarz sein. Es muss also zur Hintergrundfarbe auch eine Textfarbe angegeben werden:

body {
  background: black;
  color: white;
  text-align: center;
}

<center> wird restlost entsorgt und die Ausrichtung per CSS gemacht. Damit das Bild nicht aus dem Viewport rausragt, Maximalbreite angeben:

img {
  max-width: 100%;
}

Die Regeln kommen ins style-Element.

😷 LLAP