Responsive Webdesign Tipp: Fluid Grid mit CSS Text-Align

0
598
Fluid Grid

Responsive Grid mit text-align

Manchmal sind es doch die einfach Dinge die am besten funktionieren. Patrick Kunka von Barrel in New York zeigt an einem simplen Beispiel wie man das seit HTML4 verfügbare Feature „text-align:justify;“ ideal für Fluid und Responsive Layouts einsetzen kann. Seinen Blogpost kann man hier lesen. Hier geht’s zum Beispiel auf CodePen. (via Responsive Hero)

Patrick gibt einer Reihe von DIV’s einfach eine Breite in Prozent und setzt diese auf „display:inline-block;“. Für die meisten Anwendungszwecke ist das sicher eine sinnvolle Lösung zu den relativ umständlichen Methoden die auf „float“ und „clear“ setzen.