Teaser Image

Campaign website using css grid

A campaign site which makes heavy use of CSS grid

This website uses CSS grid for the layout and alignment of the content.
All boxes have a fixed apect ratio which changes depending on the viewport.

The design of the site was done by the creative agency Huth und Wenzel

The backend is done with TYPO3.
One of the challenges of this project was to build content elements which are intuitively editable in the backend.

The site uses responsive images — images that work well on devices with widely differing screen sizes, resolutions, and other such features.
The sizes of generated images are dependent on the area where the images are inserted.
All image resizing is done dynamically. - The editor doesn't have to worry about image sizes at all.
He can just insert images in the backend and crop them with TYPO3 internal tools if necessary.