<link href="../css-intrinsic-dimensions/resources/width-keyword-classes.css" rel=stylesheet>
<style>
.gridMinContentFixed {
- grid-definition-columns: minmax(min-content, 40px) minmax(min-content, 40px);
- grid-definition-rows: 10px;
+ grid-template-columns: minmax(min-content, 40px) minmax(min-content, 40px);
+ grid-template-rows: 10px;
font: 10px/1 Ahem;
}
.gridFixedMinContent {
- grid-definition-columns: minmax(30px, min-content) minmax(30px, min-content);
- grid-definition-rows: 10px;
+ grid-template-columns: minmax(30px, min-content) minmax(30px, min-content);
+ grid-template-rows: 10px;
font: 10px/1 Ahem;
}
.gridFixedMaxContent {
- grid-definition-columns: minmax(40px, max-content) minmax(40px, max-content);
- grid-definition-rows: 10px;
+ grid-template-columns: minmax(40px, max-content) minmax(40px, max-content);
+ grid-template-rows: 10px;
font: 10px/1 Ahem;
}
.gridFixedFixed {
- grid-definition-columns: minmax(30px, 40px) minmax(30px, 40px);
- grid-definition-rows: 10px;
+ grid-template-columns: minmax(30px, 40px) minmax(30px, 40px);
+ grid-template-rows: 10px;
}
.gridAutoContent {
- grid-definition-columns: auto auto;
- grid-definition-rows: 10px;
+ grid-template-columns: auto auto;
+ grid-template-rows: 10px;
font: 10px/1 Ahem;
}
.gridFixedFraction {
- grid-definition-columns: minmax(10px, 1fr) minmax(2fr, 20px);
- grid-definition-rows: 10px;
+ grid-template-columns: minmax(10px, 1fr) minmax(2fr, 20px);
+ grid-template-rows: 10px;
}
.margins {