Issue with making appointment form larger.
Problem: My appointment form isn't getting any larger, it stays the same.
What I've tried: I've tried padding, padding-top, and padding-bottom.
Error Messages: N/A
This is one of the issues I have btw. I'll post the second issue I have.
Lmk what I should fix, thank you in advance!
https://codepen.io/NaeWhip/pen/RwzZaVq
1 Reply
Your form wrapper has display: flex;
When you use display: flex on an element it's children automatically get a flex-basis of "auto" which basically means that they are just as wide as they need to be according to their contents.
If you want the children elements to be full width, you need to give them a
flex-basis:1; which means that they will expand to fill the available space.
However in this case you might not want it to be full width. If you explain how you would like it to look that might make it easier to give a more precise solution.
I recommend that you take a look at this for more details: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_flexible_box_layout/Basic_concepts_of_flexbox