<link href="resources/grid.css" rel="stylesheet">
<style>
.grid {
- grid-definition-columns: 200px 200px;
- grid-definition-rows: 100px 100px;
+ grid-template-columns: 200px 200px;
+ grid-template-rows: 100px 100px;
height: 200px;
width: 400px;
}
{
var grid = document.getElementsByClassName("grid")[0];
grid.offsetLeft;
- grid.style.gridDefinitionColumns = "100px 300px";
- grid.style.gridDefinitionRows = "50px 150px";
+ grid.style.gridTemplateColumns = "100px 300px";
+ grid.style.gridTemplateRows = "50px 150px";
checkLayout('.grid');
}
window.addEventListener("load", changeGridTrackSizesAndCheckLayout, false);