nicht angemeldet
Missetäter entdeckt...
<html>
<head>
<style>
section { justify-items:center; } /* <= verursacht den Ärger */
section { display:grid; grid-template-columns: 1fr 1fr; background:yellow; font-size:5em; }
article { background:orange }
article:nth-of-type(4) { background:lime }
</style>
</head>
<body>
<section>
<article>Artikel 1 mit ausreichender Breite</article>
<article>Artikel 2 mit mehr als ausreichender Breite</article>
<article>Artikel 3 mit auch ausreichender Breite</article>
<article><details><summary>Artikel 4</summary>Artikel 4 hat aufgeklappt ausreichende Breite</article>
</section>
</body>
</html>
Das war ein Relikt für ein anderes Layout eines anderen breakpoints, bei dem die Container tatsächlich unterschiedlich breit sein durften (und in kein grid gehörten).
Danke jedenfalls.
Rolf B