Zwei Dinge, die mir im Web oft auffallen, sind wie viele Wege es gibt, um dasselbe zu tun, und wie viele Überlegungen selbst in die scheinbar einfachsten Dinge einfließen.
Die Arbeit mit Wrapper-Elementen steht definitiv auf beiden Listen. Wrapper (oder Container oder wie auch immer man sie nennen will) sind so verbreitet – insbesondere bei der Einrichtung von Grid-Layouts und Grenzen für die darin enthaltenen Elemente –, dass es leicht ist, sie für selbstverständlich zu halten und sie zu verwenden, ohne innezuhalten, um zu überlegen, wie sie funktionieren, warum wir sie verwenden und wie wir sie effektiv einsetzen können.
Ahmed Shadeed hat den umfassendsten Artikel über Wrapper geschrieben, den ich je gelesen habe. Er gibt einen kurzen Überblick über sie, bevor er sich mit einer Reihe von Überlegungen und Techniken für die Arbeit mit ihnen befasst, darunter
- Wann man sie verwendet
- Wie man sie dimensioniert
- Wie man sie positioniert
- Hinzufügen von Margin und Padding
- Arbeit mit CSS Grid und anderen
display-Werten - Ausbrechen aus dem Wrapper
- Verwendung von CSS Custom Properties
Wenn man die Bilder aus dem Artikel nimmt, erzählen sie eine ziemlich coole Geschichte.
