minerva/Tests/LibWeb/Layout/input/grid/template-areas-1.html at 1d53ae1d6f7d460e411d0c3e9ba48f0e7b6160b9

ErisCyan / minerva

Find file

Newer

Older

minerva / Tests / LibWeb / Layout / input / grid / template-areas-1.html

minerva on 13 Jul 469 bytes Initial commit

Raw Blame History

<!DOCTYPE html><head><style type="text/css">
* {
    border: 1px solid black;
}

.grid {
    display: grid;
    grid-template-rows: 100px 100px 100px;
    grid-template-columns: 100px 100px 100px;
    grid-template-areas: "a a a" "a a a" "b b b";
}

.a {
    grid-area: a / a / a / a;
    background-color: red;
}

.b {
    grid-area: b / b / b / b;
    background-color: blueviolet;
}
</style></head><body><div class="grid"><div class="a">a</div><div class="b">b</div>