@Tom,
reicht hier nicht einfach der Code für drei Spalten? Es wirkt nämlich dann sehr erdrückend mit width: 100%;
Die Bilder über CSS einzubinden ist zwar besser zum anpassen, aber so ist es erstmal möglich, wenn ich deinen Post richtig verstanden habe @DominikPinzenoehler
HTMLAlles anzeigen<div class="gridLayout row"> <div class="gridBox col-md-4"> <div class="gridBoxContent gridBoxIcon gridBoxJustify"> <div class="gridBoxContentHeroIcon gridBoxCenter"> <a href="deinLink.tld"><img src="LinkZumBild" alt="Bild-Beschreibung-wenn-einer-Bilder-deaktiviert-hat" /></a> </div> </div> </div> <div class="gridBox col-md-4"> <div class="gridBoxContent gridBoxIcon gridBoxJustify"> <div class="gridBoxContentHeroIcon gridBoxCenter"> <a href="deinLink.tld"><img src="LinkZumBild" alt="Bild-Beschreibung-wenn-einer-Bilder-deaktiviert-hat" /></a> </div> </div> </div> <div class="gridBox col-md-4"> <div class="gridBoxContent gridBoxIcon gridBoxJustify"> <div class="gridBoxContentHeroIcon gridBoxCenter"> <a href="deinLink.tld"><img src="LinkZumBild" alt="Bild-Beschreibung-wenn-einer-Bilder-deaktiviert-hat" /></a> </div> </div> </div> </div>
Grüße
Danke für den Code. Das sieht schon sehr gut aus
Also ohne .gridLayout img {width: 100%;} zeigt es mir die Bilder in Original Größe an. Somit müsste das mit .gridLayout img {width: 100%;} schon passen.
Könntest du mir noch bei der Anpassung der Bildergröße behilflich sein? Am besten wäre wenn man einfach eine maximal Höhe festlegt? Das wäre dann auch für Smartphones gut.
Auf Desktop und Tablet sieht es gut aus, nur auf dem Smartphone sind die Bilder ja logischerweise alle untereinander und sehr groß.