Um ein einfaches Foto Album auf seiner Webseite zu integrieren habe ich diese HTML/CSS Vorlage erstellt. Durch das Responsive Design ist es optimiert um auf großen Monitoren sowie auch auf Smartphones zu skalieren. Die Thumbnails in der Vorlage sind aktuell mit 290×290 Pixel definiert. Bis zu einer Bildschirmbreite von 600 Pixel werden drei Bilder, darüber vier Bilder in einer Reihe angezeigt.
Um die Demo besser ausprobieren zu können sollte das CodePen Beispiel in einem neuen Fenster geöffnet werden. Dann kommt das Responsive Design besser zur Geltung wenn man mit der Browser Größe variieren kann.
See the Pen Gallery Template by Scoutman (@Scoutman) on CodePen.0