tag:forum.selfhtml.org,2005:/selfGrid Element Breite nicht gleich grid-template-columns? – SELFHTML-Forum2019-11-27T13:08:41Zhttps://forum.selfhtml.org/self/2019/nov/27/grid-element-breite-nicht-gleich-grid-template-columns/1760717#m1760717ebody2019-11-27T12:40:32Z2019-11-27T12:40:32ZGrid 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#m1760720Gunnar Bittersmannselfhtml@bittersmann.dehttps://bittersmann.de2019-11-27T13:08:41Z2019-11-27T13:08:41ZGrid 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>