FIVE HOUSES - FIVE THINKERS
Germany’s cultural heritage is expressed through the homes of some of its most recognizable writers, composers, artists, and thinkers. Here are five of the most notable houses.
Role - Responsive Design
Year - 2022
Client - Education Market
THE CHALLENGE
Auch die vorliegende Website kombiniert die Flex-Technologie mit dem Grid Layout Module. Flexbox eignet sich eher für lineare Strukturen - CSS Grid für verschachtelte Strukturen.
Mit dem Ende 2017 vom W3C verabschiedeten CSS Grid Layout Module kann man leicht komplexe und performante Layouts generieren, die alle Browser konsistent darstellen.
THE SOLUTION
Wir erstellen zunächst ein responsives Seitenlayout, das die volle Leistungsfähigkeit der CSS-Flexbox Spezifikation nutzt. Im Anschluss integrieren wir das Grid-Layout Module.
Das prozentuale Seitenlayout wechselt ständig zwischen einem 30/30/40- und einem 40/30/30-Raster. Die jeweils integrierte Grid-Box sorgt für die Passung von Linie und Text.