mirror of
https://github.com/LadybirdBrowser/ladybird.git
synced 2025-07-06 09:01:53 +00:00
7a1f3f7ae3
Areas are disassembled into boundary lines on `build_grid_areas()` step, so we can always use them to find grid item's position during placement. This way we support both ways to define area: `grid-template-areas` and implicitly using `-start` and `-end` boundary line names.
17 lines
475 B
HTML
17 lines
475 B
HTML
<!doctype html><style>
|
|
* {
|
|
outline: 1px solid black;
|
|
}
|
|
html {
|
|
background: white;
|
|
}
|
|
body {
|
|
display: grid;
|
|
grid-template-columns: 1fr [content-start] 500px [content-end] 1fr;
|
|
background: wheat;
|
|
}
|
|
main {
|
|
grid-column: content;
|
|
background: pink;
|
|
}
|
|
</style><body><main><div id="item">Smartphones
|