[css-grid][editorial] Spec typo in example 5

• From: Manuel Rego Casasnovas <rego@igalia.com>
• Date: Tue, 21 Jan 2014 12:16:59 +0100
• To: www-style@w3.org
• Message-ID: <1390303019.3977.20.camel@erizana.home>

Hi,

while reading the spec I think I've found a mistake in the EXAMPLE 5:
http://www.w3.org/TR/css3-grid-layout/#grid-line-concept

The first part:
<style type="text/css">
  #grid {
    display: grid;
    grid-template-columns: 150px 1fr;
    grid-template-rows: 50px 1fr 50px
  }

  #item1 { grid-column: 2;
           grid-column-start: 1; grid-column-end: 1; }
</style>

Should be something like:
<style type="text/css">
  #grid {
    display: grid;
    grid-template-columns: 150px 1fr;
    grid-template-rows: 50px 1fr 50px
  }

  #item1 { grid-column: 2;
           grid-row-start: 1; grid-row-end: 4; }
</style>

If it's meant to be equivalent to:
<style type="text/css">
  /* equivalent layout to the prior example, but using named lines */
  #grid {
display: grid;
grid-template-columns: 150px (item1-start) 1fr (item1-end);
grid-template-rows: (item1-start) 50px 1fr 50px (item1-end);
  }

  #item1 {
grid-column: item1-start / item1-end;
grid-row: item1-start / item1-end
  }
</style>

Bye,
  Rego

Received on Tuesday, 21 January 2014 11:17:41 UTC