mirror of
https://github.com/LadybirdBrowser/ladybird.git
synced 2025-07-12 12:01:52 +00:00
35 lines
935 B
HTML
35 lines
935 B
HTML
<!DOCTYPE html>
|
|
<script src="include.js"></script>
|
|
<style>
|
|
.grid-container {
|
|
width: 200px;
|
|
display: grid;
|
|
background-color: lightsalmon;
|
|
}
|
|
|
|
.grid-item {
|
|
height: 50px;
|
|
background-color: lightblue;
|
|
}
|
|
|
|
.not-a-grid {
|
|
grid-template-columns: auto auto;
|
|
}
|
|
</style>
|
|
<div class="grid-container" style="grid-template-columns: auto auto">
|
|
<div class="grid-item"></div>
|
|
<div class="grid-item"></div>
|
|
<div class="grid-item"></div>
|
|
<div class="grid-item"></div>
|
|
</div>
|
|
<div class="not-a-grid"></div>
|
|
<script>
|
|
test(() => {
|
|
const grid = document.querySelector(".grid-container");
|
|
println(getComputedStyle(grid).gridTemplateColumns);
|
|
println(getComputedStyle(grid).gridTemplateRows);
|
|
|
|
const not_a_grid = document.querySelector(".not-a-grid");
|
|
println(getComputedStyle(not_a_grid).gridTemplateColumns);
|
|
});
|
|
</script>
|