<!DOCTYPE html> | |
<html> | |
<head> | |
<title>CSS Grid: Reference for grid-template-rows interpolation</title> | |
<style> | |
.grid { | |
display: grid; | |
width: 400px; | |
height: 400px; | |
grid-gap: 10px; | |
grid-template-rows: 60px 1fr; | |
} | |
span { border: 1px solid; } | |
</style> | |
</head> | |
<body> | |
<div class="grid"> | |
<span>row1</span> | |
<span>row2</span> | |
</div> | |
</body> | |
</html> |