Frage zum Wiki-Artikel „Maßangaben“

[nix]

Ein Beispiel, schon wieder einmal? Ich denke, die Sache ist doch eigentlich klar? Wenn man mal die diversen „anderen Nettigkeiten“ wie die erwähnten Meinungsverschiedenheiten der Browser weg läßt: es geht um (mindestens) ein Grid, das Items enthält, die wie diese Cards auf Änderungen des Platzangebots reagieren sollen. Wobei der Platz durch die Tracks, welche seinen Platz bestimmen, vorgegeben würde.\

<style>
  .container {
    display: grid;
    container: Master / size;
    grid-template: "hdr hdr hdr" 1fr "art pic inf" 8fr "art ftr ftr" 1fr / 1fr 8fr 1fr;
    …
  }
  .card {
    display: grid;
/*  contain: paint; ??? */
    grid-template-columns: minmax(0,1fr) 3fr clamp(min-content, 60%, max-content);
    …
  }
/* Sinnbefreit:
  @container Master (inline-size > 250px) { .card { … } }
    wie schön könnte es sein?
  @container Master's Track (inline-size … ) { … }
*/
</style>
…
<div class="container">
  <div class="card">
    <p>Mal bin ich (zu) klein, mal bin ich (zu) groß, mal patz’ ich aus allen Nähten …</p>
  </div>
  …
</div>

Da solche Items aber nicht erfahren, erfahren können, wie viel Platz ihnen zur Verfügung stehen sollte (1cq? bezieht sich ja auf .container „in toto“), ist für die auch jedes @container sinnfrei.