Problem mit IMG

Hyako · 08/25/2020, 17:48

Heyo,

hätte da ein kleines und zwar bin ich grade dabei meine erste Webseite zu programmieren. Dabei will ich dass mir 6 Bilder angezeigt werden, am PC in 2 Reihen zu 3 Bildern und am Smartphone in 3 Reihen zu 2 Bildern.
Das am PC war ja noch ein klax, weiß aber nicht wie ich das hinbekomme das dass am Handy so funktioniert.

Hier der Code

Wäre sehr dankbar falls mir jemand helfen könnte. Danke im vorhinein.

Legithos · 08/26/2020, 03:20

Huhu,

was du für die anschauliche Anpassung von Desktop und Mobile brauchst nennt sich "Responsive Design".

Vorab solltest du in deinem <head>-Tag folgendes ergänzen, um die Ansicht via Mobile anzupassen:

Code:

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

Weiterhin findest du

alles, was du über Responisve Design wissen musst.

Bei weiteren Fragen auch gerne via PN!