10th Oct 2018
The simplest form on the web contains an email field and a submit button. Sometimes, the email field and the submit button is placed on the same row, like this:
Email and submit button on the same row
This UI looks simple! But it can be difficult to build if you’re using older methods like
inline-block. The hard part is getting the email field and button to align visually.
The great news is: CSS Grid or Flexbox can help you build this form easily.
Making the form with Flexbox
From the picture above, we know the form contains two elements:
- An email field
- A submit button
Here’s the HTML:
... read the whole story at zellwk.com.