mirror of
https://github.com/RGBCube/serenity
synced 2025-07-27 12:57:35 +00:00
LibWeb: Expand minmax in grid tracks defined by grid-auto-rows/columns
Use GridTrack::create_from_definition() that takes care of minmax().
This commit is contained in:
parent
57581735b7
commit
3fba0a944a
3 changed files with 29 additions and 8 deletions
|
@ -0,0 +1,5 @@
|
|||
Viewport <#document> at (0,0) content-size 800x600 children: not-inline
|
||||
BlockContainer <html> at (0,0) content-size 800x600 [BFC] children: not-inline
|
||||
BlockContainer <body> at (8,8) content-size 784x200 children: not-inline
|
||||
Box <div.grid> at (8,8) content-size 200x200 [GFC] children: not-inline
|
||||
BlockContainer <div.item> at (8,8) content-size 100x100 [BFC] children: not-inline
|
|
@ -0,0 +1,16 @@
|
|||
<style>
|
||||
.grid {
|
||||
display: grid;
|
||||
grid-auto-columns: minmax(50px, 100px);
|
||||
grid-auto-rows: minmax(50px, 100px);
|
||||
width: 200px;
|
||||
height: 200px;
|
||||
}
|
||||
|
||||
.item {
|
||||
background-color: pink;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
</style>
|
||||
<div class="grid"><div class="item"></div>
|
Loading…
Add table
Add a link
Reference in a new issue