grid-gap-009-ref.html

Enable keyboard shortcuts

<!DOCTYPE HTML>

<!--

     Any copyright is dedicated to the Public Domain.

     http://creativecommons.org/publicdomain/zero/1.0/

-->

<html><head>

  <meta charset="utf-8">

  <title>Reference: nested orthogonal writing-mode subgrids with percentage row-gap</title>

  <link rel="author" title="Mats Palmgren" href="mailto:mats@mozilla.com">

  <link rel="stylesheet" type="text/css" href="/fonts/ahem.css">

  <style>

html,body {

  color:black; background-color:white; font:24px/1 Ahem; padding:0; margin:0;

.grid {

  display:inline-grid;

  grid:400px/300px;

  border:3px solid;

  background:lightgrey;

  width:300px;

  height:400px;

span {

  margin-top:350px;

  margin-right:115px;

  background:cyan;

</style>

</head>

<body>

<div class="grid">

  <span>cc</span>

</div>

</body>

</html>