GRID allgemein - aufgeräumte Version
bearbeitet von Matthias ScharwiesServus!
> Hallo Matthias,
>
>
> > der body hat ja eine margin - ich hatte Deine Normalisierung vergessen:
> >
> > `* { margin: 0;}`
> >
> Schnell und Schmerzlos, ja das wars, danke.
>
> Zusammenfassend nochmal zu den anderen Punkten und Antworten der anderen, das Aussengerüst bei Grid ist nie resizable, es sei denn durch Scripte. Richtig soweit?
Nein, @Rolf B hatte mich korrigiert / ergänzt, wenn beide Dimensionem auf `auto` stehen.
~~~ CSS
body {
height:100vh;
display: grid;
grid-template-rows: auto auto auto;
grid-template-columns: auto auto auto;
gap: 10px;
background-color: #2196F3;
}
body > * {
background-color: rgba(255, 255, 255, 0.8);
}
.item2 {
overflow: auto; /* muss gesetzt werden! */
resize: both;
}
~~~
Herzliche Grüße
Matthias Scharwies
--
Einfach mal was von der [ToDo-Liste](https://wiki.selfhtml.org/wiki/Kategorie:ToDo) auf die Was-Solls-Liste setzen.“
GRID allgemein - aufgeräumte Version
bearbeitet von Matthias ScharwiesServus!
> Hallo Matthias,
>
>
> > der body hat ja eine margin - ich hatte Deine Normalisierung vergessen:
> >
> > `* { margin: 0;}`
> >
> Schnell und Schmerzlos, ja das wars, danke.
>
> Zusammenfassend nochmal zu den anderen Punkten und Antworten der anderen, das Aussengerüst bei Grid ist nie resizable, es sei denn durch Scripte. Richtig soweit?
Nein, @Rolf B hatte mich korrigiert / ergänzt, wenn bei Dimensionemn auf `auto` stehen.
~~~ CSS
body {
height:100vh;
display: grid;
grid-template-rows: auto auto auto;
grid-template-columns: auto auto auto;
gap: 10px;
background-color: #2196F3;
}
body > * {
background-color: rgba(255, 255, 255, 0.8);
}
.item2 {
overflow: auto; /* muss gesetzt werden! */
resize: both;
}
~~~
Herzliche Grüße
Matthias Scharwies
--
Einfach mal was von der [ToDo-Liste](https://wiki.selfhtml.org/wiki/Kategorie:ToDo) auf die Was-Solls-Liste setzen.“