Source code

Revision control

Copy as Markdown

Other Tools

Test Info:

<!DOCTYPE html>
<title>Grid with an overlarge repeat() count coming from a custom property</title>
<style>
ul {
--columns: 2;
--rows: 6;
display: grid;
grid-template-columns: repeat(var(--columns), auto);
grid-template-rows: repeat(var(--rows), auto);
align-content: flex-start;
text-align: left;
row-gap: 0px;
column-gap: 3.125rem;
margin: 0;
padding: 0;
box-sizing: border-box;
list-style: none;
}
ul.overlarge {
--columns: 1;
--rows: 2147483647;
}
</style>
<ul class="overlarge">
<li>a</li>
<li>b</li>
</ul>