GitHub Community
How do I make the form fields beneath one another and not side by side? #148151
-
|
Repository: https://github.com/Shivraj957/indianmapwarmultigame/ |
Beta Was this translation helpful? Give feedback.
Replies: 1 comment 2 replies
-
|
Modify the form {
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
gap: 1rem;
}
For a bit of extra style, you might want to add these additional CSS rules: input, select {
width: 200px;
padding: 0.5rem;
font-size: 1rem;
} |
Beta Was this translation helpful? Give feedback.
-
|
Not working |
Beta Was this translation helpful? Give feedback.
-
|
small typo here
|
Beta Was this translation helpful? Give feedback.
Modify the
<form>section in your CSS, like the following:flex-direction: columnarranges them in a vertical column.align-items: centerputs them all in the center.gap: 1remadds spacing between form fields.For a bit of extra style, you might want to add these additional CSS rules: