CSS Grid generator
Gratis online CSS Grid generator. Visuele editor voor rijen, kolommen, gap met automatische codegeneratie. Verwerkt in browser.
CSS Grid-generator is een gratis online tool waarmee je grid-indelingen visueel ontwerpt. Stel rijen, kolommen, tussenruimten en celplaatsing in door te slepen, met automatisch gegenereerde CSS Grid-code. Inclusief realtime voorbeeld. Verwerking in de browser zonder upload naar een server - volledig gratis voor het ontwerpen van weblay-outs.
1
2
3
4
5
6
7
8
9
.container {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(3, 1fr);
gap: 10px;
justify-items: stretch;
align-items: stretch;
}
HTML-code
<div class="container">
<div>1</div>
<div>2</div>
<div>3</div>
<div>4</div>
<div>5</div>
<div>6</div>
<div>7</div>
<div>8</div>
<div>9</div>
</div>
lock Bestanden worden niet naar een server verzonden