1
Fork 0
mirror of https://github.com/RGBCube/serenity synced 2025-05-18 21:15:09 +00:00
serenity/Tests/LibWeb/Layout/input/grid/auto-fill-and-named-line-placement.html
Aliaksandr Kalenik 9c72807976 LibWeb: Account for auto-fill/fit when expanding grid lines in GFC
Named line placement now works when auto-fill or auto-fit is used to
define grid columns.
2024-01-05 22:52:25 +01:00

13 lines
No EOL
352 B
HTML

<!DOCTYPE html><html lang="en"><style>
.grid-container {
display: grid;
grid-template-columns: [start] repeat(auto-fill, minmax(100px, 1fr)) [end];
}
.grid-item {
grid-column: start / end;
background-color: lightblue;
padding: 20px;
text-align: center;
}
</style><div class="grid-container"><div class="grid-item">1</div></div>