<!DOCTYPE html>
<html>
<link href=resources/grid.css rel=stylesheet>
<style>
.gridNoRow {
    grid-template-columns: 50px;
    /* Make the grid shrink-to-fit. */
    position: absolute;
}
.gridNoColumn {
    grid-template-rows: 50px 80px;
    /* Make the grid shrink-to-fit. */
    position: absolute;
}
</style>
<script src="../../resources/check-layout.js"></script>
<body onload="checkLayout('.grid');">
<p>This test checks that a grid element with row(s) (resp. column(s)) but no column (resp. row) is properly laid out.</p>
<div class="grid gridNoRow" data-expected-width="50" data-expected-height="0"></div>
<div class="grid gridNoColumn" data-expected-width="0" data-expected-height="130"></div>
</body>
</html>
