<div class="grid">
{#each { length: 100 } as _, i}
<div>{i + 1}</div>
{/each}
</div>
<style>
.grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
gap: 1rem;
& > * {
display: grid;
place-content: center;
padding: 6rem;
font-size: 4rem;
font-weight: 600;
background-color: oklch(20% 0 0);
border-radius: 4px;
}
}
</style>