mirror of
https://github.com/SerenityOS/serenity
synced 2026-05-15 03:16:44 +02:00
c82f41dac8
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. (cherry picked from commit 7a1f3f7ae3af2744e2f99df29baf09153d631b24)
18 lines
475 B
HTML
18 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
|