improve form layout css
This commit is contained in:
parent
cce8cf8115
commit
461635f966
@ -13,7 +13,7 @@
|
|||||||
<form>
|
<form>
|
||||||
<fieldset>
|
<fieldset>
|
||||||
<legend>Name</legend>
|
<legend>Name</legend>
|
||||||
<div class="labels-inputs-units" id="name"></div>
|
<div class="labels-inputs" id="name"></div>
|
||||||
</fieldset>
|
</fieldset>
|
||||||
<fieldset>
|
<fieldset>
|
||||||
<legend>Resources</legend>
|
<legend>Resources</legend>
|
||||||
|
@ -4,7 +4,8 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
p {
|
p {
|
||||||
text-align: center;
|
text-align: left;
|
||||||
|
margin: 0px;
|
||||||
}
|
}
|
||||||
|
|
||||||
fieldset {
|
fieldset {
|
||||||
@ -29,6 +30,12 @@ button {
|
|||||||
margin-top: 0px;
|
margin-top: 0px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.labels-inputs {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: auto auto;
|
||||||
|
column-gap: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
.labels-inputs-units {
|
.labels-inputs-units {
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: auto auto auto;
|
grid-template-columns: auto auto auto;
|
||||||
|
Loading…
Reference in New Issue
Block a user