feat: Add form ui example

Test css grid system for form fields.
This commit is contained in:
sthag 2025-05-14 19:00:13 +02:00
parent 79ad6f452d
commit ad150fadf2
3 changed files with 80 additions and 1 deletions

View file

@ -0,0 +1,33 @@
#form body {
margin: 0;
background-color: #808080;
}
#head {
// display: flex;
}
h1 {
margin: 0;
}
#grid {
display: grid;
gap: 8px;
grid-template-columns: repeat(4, 1fr);
grid-auto-rows: minmax(64px, auto);
}
#grid>div {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
background-color: aquamarine;
}
#grid>div:first-child {
grid-column: 1 / 3;
background-color: violet;
}