Flexbox

Align titles and form inputs via baseline

Via baseline all items are aligned based on the invisible line where characters are written.

display: flex,
align-items: baseline,

Example:

All children take same width

Use flex: 1 on each child. It tells them to "flex-grow" evenly, and have a "flex-basis" of 0%.

Example:

parent {
  display: flex;
}
 
child {
  flex: 1;
}