tawasuyu

tawasuyu/taffy

A high performance rust-powered UI layout library

Rust 583HTML 275Markdown 8TOML 41586 Definitions

⎇ main test_fixtures/grid/grid_taffy_issue_624.html HTML · 19 lines · 816 B History raw

Grid: Respect growth limits when distributing space to base sizes (#632) 1c1192539 · Nico Burns ·

1<!DOCTYPE html>
2<html lang="en">
3<head>
4  <script src="../../scripts/gentest/test_helper.js"></script>
5  <link rel="stylesheet" type="text/css" href="../../scripts/gentest/test_base_style.css">
6  <title>
7    Test description
8  </title>
9</head>
10<body>
11
12<div id="test-root" style="display: grid; width: 320px; height: 640px; grid-template-columns: auto auto 1fr; grid-template-rows: auto auto auto 1fr; justify-content: start; justify-items: start;">
13  <div style="background: #59c4f6; width: 100px; height: 50px; grid-row: 1 / span 2; grid-column: 1;"></div>
14  <div style="background: #63c466; width: 40px; height: 30px; grid-row: 1 / span 2; grid-column: 2 / span 2;"></div>
15  <div style="background: #feb43f; width: 120px; height: 20px; grid-row: 3 / span 1; grid-column: 1 / span 2;"></div>
16</div>
17
18</body>
19</html>