Ero sivun ”CSS/Grid” versioiden välillä
Poistettu sisältö Lisätty sisältö
Ei muokkausyhteenvetoa |
|||
Rivi 5:
<syntaxhighlight lang="css">
#grid {
display: grid;
}
Rivi 16:
<syntaxhighlight lang="css">
#grid {
/* ... */
grid-template-columns: 30% 50% 20%;
}
Rivi 22 ⟶ 23:
<syntaxhighlight lang="css">
#grid {
/* ... */
grid-template-columns: 3fr 5fr 2fr;
}
Rivi 34 ⟶ 36:
<syntaxhighlight lang="css">
#grid {
/* ... */
grid-template-columns: 2fr 3fr;
}
Rivi 44 ⟶ 47:
<syntaxhighlight lang="css">
#grid {
/* ... */
grid-template-columns: repeat(5, 3fr);
}
Rivi 52 ⟶ 56:
<syntaxhighlight lang="css">
#grid {
/* ... */
grid-template-columns: 3fr 3fr 3fr 3fr 3fr;
}
Rivi 60 ⟶ 65:
<syntaxhighlight lang="css">
#grid {
/* ... */
grid-template-columns: repeat(2, 2fr 3fr);
}
Rivi 68 ⟶ 74:
<syntaxhighlight lang="css">
#grid {
/* ... */
grid-template-columns: 2fr 3fr 2fr 3fr;
}
Rivi 76 ⟶ 83:
<syntaxhighlight lang="css">
#grid {
/* ... */
grid-auto-rows: 100px;
}
Rivi 82 ⟶ 90:
<syntaxhighlight lang="css">
#grid {
/* ... */
grid-auto-rows: 50px 100px 75px;
}
Rivi 90 ⟶ 99:
<syntaxhighlight lang="css">
#grid {
/* ... */
grid-auto-rows: minmax(100px, auto)
}
Rivi 100 ⟶ 110:
<syntaxhighlight lang="css">
#grid {
/* ... */
grid-template-rows: 100px 200px 150px;
}
Rivi 108 ⟶ 119:
<syntaxhighlight lang="css">
#grid {
/* ... */
gap: 10px;
}
Rivi 173 ⟶ 185:
<syntaxhighlight lang="css">
#grid {
/* ... */
grid-template-areas: "yläpalkki yläpalkki yläpalkki"
"navigointi pääsisältö pääsisältö"
Rivi 195 ⟶ 208:
<syntaxhighlight lang="css">
#grid {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
|