mirror of
https://github.com/RGBCube/serenity
synced 2025-05-18 11:35:06 +00:00

Previously, the width and height of grid items were set to match the size of the grid area they belonged to. With this change, if a grid item has preferred width or height specified to not "auto" value it will be resolved using grid area as containing block and used instead.
13 lines
No EOL
270 B
HTML
13 lines
No EOL
270 B
HTML
<style>
|
|
.grid-container {
|
|
display: grid;
|
|
grid-template-columns: auto auto;
|
|
grid-template-rows: auto;
|
|
}
|
|
|
|
.first {
|
|
background-color: lightcoral;
|
|
width: 100px;
|
|
height: 200px;
|
|
}
|
|
</style><div class="grid-container"><div class="first">First</div></div> |