Responsive Webdesign

Ich bin hier neu in der Runde und komme eher von der Seite des Redakteurs von Contao und bin kein Programmierer.

Ich bin gerade dabei eine bestehende Contao-Seite zu überarbeiten und komme immer wieder an die Herausforderung der Darstellung auf den unterschiedlichsten Endgeräten. Die Seite ist von einem Designer gestaltet worden und an den Programmierer übergeben worden. Nun sieht die Seite aber auf dem Laptop anders aus als auf dem PC oder dem Smartphone und ich kenne es aus anderen CMS, dass man Verhältnis von Text, Bild, Abständen etc. einmal anlegt und es dann vom System passend skaliert und quasi umgerechnet wird, je nachdem auf welchem Endgerät sich die Seite angesehen wird. Zumindest habe ich so responsive design immer verstanden. Und nun die Frage: Wie geht dies bei Contao oder geht dies so "einfach" auch bei Cantao. Bisher hatte ich nur die Info, dass man es über die Angaben bei grid columns und grid options für alle möglichen Formate angeben muss. Dies scheint mir jedoch eine sehr aufwendige Variante, bei der man nie alle Endgerät-Formate trifft. Ich hoffe ihr habt Tipps für mich. Danke

Der ganze Bereich den Du ansprichst hat nicht wirklich etwas mit Contao zu tun. Dahinter verbirgt sich die responsive Umsetzung einer Seite mit CSS. Dazu kann man Dir nur empfehlen, dass Du Dich in dieses Thema entweder intensiv einarbeitest oder Dir die responsive Layoutumsetzung von einem Fachmann machen lässt.
Je nach gewünschtem Layout ist es auch nicht unüblich (in der Regel ist es sogar gewollt), dass Webseiten auf unterschiedlichen Endgeräten ein unterschiedliches Layout haben. Damit man wie Du schreibst "alle Endgeräte" erwischt, wird bei sauberem responsive Design dafür gesorgt, das die Website für jede Bildschirmbreite und jede Art von Endgerät gut aussieht und komplett bedienbar ist.

Ich verstehe nicht ganz, was mit "grid options" und "grid columns" gemeint ist. Verwendest du eine Erweiterung für Spalten, wie z.B. Rocksolid Columns oder euf_grid? Dann ist es üblich, dass man den Inhaltselementen mitteilt, wie breit (Anzahl Spalten) sie bei welcher Auflösung sein sollen. Das ist dann auch eine Lösung für Redakteure, die keine HTML-/CSS-Kenntnisse haben.