tag:forum.selfhtml.org,2005:/self Grid Element Breite nicht gleich grid-template-columns? – SELFHTML-Forum 2019-11-27T13:08:41Z https://forum.selfhtml.org/self/2019/nov/27/grid-element-breite-nicht-gleich-grid-template-columns/1760717#m1760717 ebody 2019-11-27T12:40:32Z 2019-11-27T12:40:32Z Grid Element Breite nicht gleich grid-template-columns? <p>Hallo,</p> <p>ich habe hier <a href="https://codepen.io/ebody/pen/MWWMMNq" rel="noopener noreferrer">https://codepen.io/ebody/pen/MWWMMNq</a> ein <div> Element, welches als Grid formatiert ist.</p> <p><strong>Ist es nicht so, dass sich die Breite des Grid Elements durch die Angaben in grid-template-columns ergibt?</strong></p> <p>Ich verstehe nicht, warum <div> die volle Breite hat, das Grid aber die Breite aus grid-template-columns.</p> <p>Gruß ebody</p> https://forum.selfhtml.org/self/2019/nov/27/grid-element-breite-nicht-gleich-grid-template-columns/1760720#m1760720 Gunnar Bittersmann selfhtml@bittersmann.de https://bittersmann.de 2019-11-27T13:08:41Z 2019-11-27T13:08:41Z Grid Element Breite nicht gleich grid-template-columns? <p>@@ebody</p> <blockquote> <p><strong>Ist es nicht so, dass sich die Breite des Grid Elements durch die Angaben in grid-template-columns ergibt?</strong></p> </blockquote> <p>Nein, es ist nicht so.</p> <p>Mit <code>grid-template-columns</code> kannst du Spalten vordefinieren. Das Grid kann aber größer sein; du kannst auch Zellen außerhalb vordefinierter Spalten platzieren. <a href="https://codepen.io/gunnarbittersmann/pen/yLLmBZV" lang="en" rel="noopener noreferrer">This is what will be.</a></p> <p>LLAP </p> <div class="signature">-- <br> <em>„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.“<br> „Stimmt wohl“, sagt das Känguru, „aber immerhin kann man sich sicher sein, dass in einer Gruppe Rassisten nur Arschlöcher sind.“</em><br> —Marc-Uwe Kling </div>