Ero sivun ”CSS/Grid” versioiden välillä
Poistettu sisältö Lisätty sisältö
Ei muokkausyhteenvetoa |
|||
Rivi 5:
<syntaxhighlight lang="css">
#
display: grid;
}
Rivi 18:
<syntaxhighlight lang="css">
#
/* ... */
grid-template-columns: 30% 50% 20%;
Rivi 27:
<syntaxhighlight lang="css">
#
/* ... */
grid-template-columns: 3fr 5fr 4fr;
Rivi 44:
<syntaxhighlight lang="css">
#
/* ... */
grid-template-columns: 2fr 3fr;
Rivi 57:
<syntaxhighlight lang="css">
#
/* ... */
grid-template-columns: repeat(3, 1fr);
Rivi 66:
<syntaxhighlight lang="css">
#
/* ... */
grid-template-columns: 1fr 1fr 1fr
Rivi 77:
<syntaxhighlight lang="css">
#
/* ... */
grid-template-columns: repeat(2, 2fr 3fr);
Rivi 86:
<syntaxhighlight lang="css">
#
/* ... */
grid-template-columns: 2fr 3fr 2fr 3fr;
Rivi 98:
<syntaxhighlight lang="css">
#
display: grid;
grid-template-rows: repeat(6, 15em);
Rivi 107:
<syntaxhighlight lang="css">
#
/* ... */
grid-auto-rows: 100px;
Rivi 114:
<syntaxhighlight lang="css">
#
/* ... */
grid-auto-rows: 50px 100px 75px;
Rivi 123:
<syntaxhighlight lang="css">
#
/* ... */
grid-auto-rows: minmax(100px, auto)
Rivi 133:
<syntaxhighlight lang="css">
#
/* ... */
gap: 10px;
Rivi 175:
<syntaxhighlight lang="css">
#
grid-column: 1 / span(2);
}
Rivi 190:
<syntaxhighlight lang="css">
#
grid-area: 2 / 1 / 3 / 3;
}
Rivi 209:
<syntaxhighlight lang="css">
#
display: grid;
grid-template-areas: "header header"
Rivi 234:
<syntaxhighlight lang="css">
#
/* ... */
grid-template-areas: "header header header"
Rivi 250:
<syntaxhighlight lang="css">
#
display: grid;
grid-template-columns: 1fr 1fr 1fr;
| |||