Probleme mit srcset, sizes & calc() in CSS-Grid ab bestimmten Breakpoint bearbeitet von Gunnar Bittersmann 01.10.2019 10:20 @@Oli > Werde mich mal umgucken wo ich meine Quellcodes zukünftig online zugänglich machen kann. Mach das mal. Auf *Copy-and-paste*{:@en}-Orgie hab ich wenig Lust. Zunächst so viel: > ~~~ HTML, bad > <body> > <main> > <div class="container-flex"> > <div class="container"> > ~~~ Container in Container? Das macht wohl keinen Sinn. Außerdem: [was @at sagte](https://forum.selfhtml.org/cites/1122): schon vorhandene Elemente nutzen, nicht sinnlos `div` hinzufügen. In dem Fall wohl ~~~ HTML <main class="container-flex"> <div class="card"> ~~~ --- > ~~~HTML, bad > <h2>Warum nehmen Spalten nicht mehr den ganzen Platz ein ab Breakpoint 992px?</h2> > <h4>Erstmaliger Versuch mit srcset, sizes & calc() Bandbreite bei Bildern zu optimieren:</h4> > ~~~ Die Überschriftenhierarchie ist falsch. Die Hauptüberschrift muss `h1` sein und es darf keine Ebene ausgelassen werden: ~~~HTML <h1>Warum nehmen Spalten nicht mehr den ganzen Platz ein ab Breakpoint 992px?</h1> <h2>Erstmaliger Versuch mit srcset, sizes & calc() Bandbreite bei Bildern zu optimieren:</h2> ~~~ LLAP 🖖 -- *„Man kann sich halt nicht sicher sein“, sagt der Mann auf der Straße, „dass in einer Gruppe Flüchtlinge nicht auch Arschlöcher sind.“ „Stimmt wohl“, sagt das Känguru, „aber immerhin kann man sich sicher sein, dass in einer Gruppe Rassisten nur Arschlöcher sind.“* —Marc-Uwe Kling
Probleme mit srcset, sizes & calc() in CSS-Grid ab bestimmten Breakpoint bearbeitet von Gunnar Bittersmann 01.10.2019 10:21 @@Oli > Werde mich mal umgucken wo ich meine Quellcodes zukünftig online zugänglich machen kann. Mach das mal. Auf *Copy-and-paste*{:@en}-Orgie hab ich wenig Lust. Zunächst so viel: > ~~~ HTML, bad > <body> > <main> > <div class="container-flex"> > <div class="container"> > ~~~ Container in Container? Das macht wohl keinen Sinn. Außerdem: [was @at sagte](https://forum.selfhtml.org/cites/1122): schon vorhandene Elemente nutzen, nicht sinnlos `div` hinzufügen. In dem Fall wohl ~~~ HTML <main class="container-flex"> <div class="card"> ~~~ --- > ~~~HTML, bad > <h2>Warum nehmen Spalten nicht mehr den ganzen Platz ein ab Breakpoint 992px?</h2> > <h4>Erstmaliger Versuch mit srcset, sizes & calc() Bandbreite bei Bildern zu optimieren:</h4> > ~~~ Die Überschriftenhierarchie ist falsch. Die Hauptüberschrift muss `h1` sein und es darf keine Ebene ausgelassen werden: ~~~HTML <h1>Warum nehmen Spalten nicht mehr den ganzen Platz ein ab Breakpoint 992px?</h1> <h2>Erstmaliger Versuch mit srcset, sizes & calc() Bandbreite bei Bildern zu optimieren:</h2> ~~~ LLAP 🖖 -- *„Man kann sich halt nicht sicher sein“, sagt der Mann auf der Straße, „dass in einer Gruppe Flüchtlinge nicht auch Arschlöcher sind.“ „Stimmt wohl“, sagt das Känguru, „aber immerhin kann man sich sicher sein, dass in einer Gruppe Rassisten nur Arschlöcher sind.“* —Marc-Uwe Kling
nicht angemeldet
