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> <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>

View File

@ -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;