mirror of
https://github.com/RGBCube/serenity
synced 2025-07-27 23:17:45 +00:00
LibWeb: Add support for grid item's min-height and max-height in GFC
This commit is contained in:
parent
e721c74598
commit
f75186ec8f
6 changed files with 158 additions and 36 deletions
|
@ -0,0 +1,15 @@
|
|||
<!DOCTYPE html><style>
|
||||
* {
|
||||
border: 1px solid black;
|
||||
}
|
||||
|
||||
.grid-container {
|
||||
display: grid;
|
||||
}
|
||||
|
||||
.grid-item {
|
||||
height: 300px;
|
||||
max-height: 100px;
|
||||
align-self: center;
|
||||
}
|
||||
</style><div class="grid-container"><div class="grid-item" id="max-height-item">Item with Max-Height</div></div>
|
|
@ -0,0 +1,14 @@
|
|||
<!DOCTYPE html><style>
|
||||
* {
|
||||
border: 1px solid black;
|
||||
}
|
||||
|
||||
.grid-container {
|
||||
display: grid;
|
||||
}
|
||||
|
||||
.grid-item {
|
||||
min-height: 300px;
|
||||
align-self: center;
|
||||
}
|
||||
</style><div class="grid-container"><div class="grid-item" id="min-height-item">Item with Min-Height</div></div>
|
Loading…
Add table
Add a link
Reference in a new issue