Responsive Webentwicklung mit Container-Queries

In früheren Zeiten in Elementor und später in Bricks habe ich das responsive Designs weitestgehend mit Hilfe von Breakpoints gemanaged – teilweise mit Kompromissen. Nachdem ich jetzt auf Etch umgestiegen bin und meine Agency Webseite komplett darin neu aufgebaut habe, stellte sich mir die Frage, wie manage ich das Thema Responsiveness.
Etch hatte zu der Zeit, als ich angefangen habe, noch keine Unterstützung von Breakpoints und hat diese jetzt strategisch auch in den Mülleimer geworfen – anstelle der Entscheidung zu Gunsten von Container Queries. Nachdem ich meine Agency-Webseite jetzt mittels dieser Container-Queries neu aufgebaut habe muss ich sagen, dass diese im Einsatz sehr flexibel sind und viele Vorteile bringt! Ich habe das mal in einem kurzen Video zusammengefasst:

Ich glaube, dass diese Methode – auch immer im Zusammenspiel mit Grid und ggf. Flex – eine zukunftssichere Methode für eine responsive Webentwicklung darstellt.