row-order-property-auto-placement-005.html

Enable keyboard shortcuts

This WPT test may be referenced by the following Test IDs:
- /css/css-grid/masonry/tentative/order/row-order-property-auto-placement-005.html - WPT Dashboard Interop Dashboard

<!DOCTYPE html>

<meta charset="utf-8">

<link rel="help" href="https://drafts.csswg.org/css-grid-3">

<link rel="author" title="Celeste Pan" href="mailto:celestepan@microsoft.com">

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

<link rel="match" href="row-order-property-auto-placement-005-ref.html">

<style>

#grid {

  display: masonry;

  font: 50px/1 Ahem;

  masonry-direction: row;

  grid-template-rows: auto auto;

  justify-content: start;

  align-content: start;

</style>

<p>Ensure `order` property affects masonry layout correctly</p>

<div id="grid">

  <div id="yellow" style="color: yellow; order: -1;">Y</div>

  <div id="magenta" style="color: magenta; order: 5;">M</div>

  <div id="blue" style="color: blue; order: -5;">B</div>

  <div id="lime" style="color: lime; order: 1;">L</div>

</div>