Flexbox Magic: Responsive Sign-Up Form

Posted: 2020-04-04

A cool trick by Adam Argyle to create a responsive signup form with flexbox in very few lines of code:

form {
	display: flex;
	flex-wrap: wrap;

	&amp; &gt; input {
		flex: 1 1 10ch;
		margin: 0.5rem;

		&amp;[type='email'] {
			flex: 3 1 30ch;
		}
	}
}