Ero sivun ”CSS/Grid” versioiden välillä

Poistettu sisältö Lisätty sisältö
Hunsvotti (keskustelu | muokkaukset)
Hunsvotti (keskustelu | muokkaukset)
Ei muokkausyhteenvetoa
Rivi 5:
 
<syntaxhighlight lang="css">
#grid {
elementti {
display: grid;
}
Rivi 16:
 
<syntaxhighlight lang="css">
#grid {
elementti {
/* ... */
grid-template-columns: 30% 50% 20%;
}
Rivi 22 ⟶ 23:
 
<syntaxhighlight lang="css">
#grid {
elementti {
/* ... */
grid-template-columns: 3fr 5fr 2fr;
}
Rivi 34 ⟶ 36:
 
<syntaxhighlight lang="css">
#grid {
elementti {
/* ... */
grid-template-columns: 2fr 3fr;
}
Rivi 44 ⟶ 47:
 
<syntaxhighlight lang="css">
#grid {
elementti {
/* ... */
grid-template-columns: repeat(5, 3fr);
}
Rivi 52 ⟶ 56:
 
<syntaxhighlight lang="css">
#grid {
elementti {
/* ... */
grid-template-columns: 3fr 3fr 3fr 3fr 3fr;
}
Rivi 60 ⟶ 65:
 
<syntaxhighlight lang="css">
#grid {
elementti {
/* ... */
grid-template-columns: repeat(2, 2fr 3fr);
}
Rivi 68 ⟶ 74:
 
<syntaxhighlight lang="css">
#grid {
elementti {
/* ... */
grid-template-columns: 2fr 3fr 2fr 3fr;
}
Rivi 76 ⟶ 83:
 
<syntaxhighlight lang="css">
#grid {
elementti {
/* ... */
grid-auto-rows: 100px;
}
Rivi 82 ⟶ 90:
 
<syntaxhighlight lang="css">
#grid {
elementti {
/* ... */
grid-auto-rows: 50px 100px 75px;
}
Rivi 90 ⟶ 99:
 
<syntaxhighlight lang="css">
#grid {
elementti {
/* ... */
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 {
elementti {
/* ... */
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 {
elementti {
display: grid;
grid-template-columns: 1fr 1fr 1fr;