Design & Inspiration

 

Flexbox stretch height to 100% problem in chrome

Lets say you want to design three boxes with a space between them under usage of flexbox. Your html structure might look like the following: <div class="boxes"> <div class="box-wrapper"> <div class="box">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At […]

Mehr lesen

Bilder mit verschiedenen Seitenverhältnissen optimal in einem Raster darstellen

Das Problem: Es sollen diverse Bilder mit verschiedenen Seitenverhältnissen (16:9, 4:3, …) in einem Raster dargestellt werden (variable Breite, feste Höhe). Dabei soll von jedem Bild so viel wie möglich dargestellt werden. Die liste der Grafiken werden automatisch erstellt und können daher nicht individuell gestaltet werden. Auch auf Javascript wollen wir verzichten. Die Lösung dafür […]

Mehr lesen