improve form layout css

This commit is contained in:
Arthur Lu 2022-12-21 00:56:40 -08:00
parent cce8cf8115
commit 461635f966
2 changed files with 9 additions and 2 deletions

View File

@ -13,7 +13,7 @@
<form>
<fieldset>
<legend>Name</legend>
<div class="labels-inputs-units" id="name"></div>
<div class="labels-inputs" id="name"></div>
</fieldset>
<fieldset>
<legend>Resources</legend>

View File

@ -4,7 +4,8 @@
}
p {
text-align: center;
text-align: left;
margin: 0px;
}
fieldset {
@ -29,6 +30,12 @@ button {
margin-top: 0px;
}
.labels-inputs {
display: grid;
grid-template-columns: auto auto;
column-gap: 10px;
}
.labels-inputs-units {
display: grid;
grid-template-columns: auto auto auto;