<link href="resources/grid.css" rel="stylesheet">
<style>
.gridMinFlexContent {
- grid-definition-columns: 50px;
- grid-definition-rows: minmax(1fr, 50px);
+ grid-template-columns: 50px;
+ grid-template-rows: minmax(1fr, 50px);
}
.gridMaxFlexContent {
- grid-definition-columns: 50px;
- grid-definition-rows: minmax(30px, 2fr);
+ grid-template-columns: 50px;
+ grid-template-rows: minmax(30px, 2fr);
}
.gridTwoMaxFlexContent {
- grid-definition-columns: 50px;
- grid-definition-rows: minmax(10px, 1fr) minmax(10px, 2fr);
+ grid-template-columns: 50px;
+ grid-template-rows: minmax(10px, 1fr) minmax(10px, 2fr);
}
.gridTwoDoubleMaxFlexContent {
- grid-definition-columns: 50px;
- grid-definition-rows: minmax(10px, 0.5fr) minmax(10px, 2fr);
+ grid-template-columns: 50px;
+ grid-template-rows: minmax(10px, 0.5fr) minmax(10px, 2fr);
}
</style>
<script src="../../resources/check-layout.js"></script>