.form { display: flex; column-gap: 64px; flex-direction: row; justify-content: flex-start; flex-wrap: wrap; } .form.create-set-vocab-list { flex-direction: column; } .create-set-header, .form .create-set-input-row { display: flex; flex-direction: row; flex-wrap: wrap; } .create-set-header > * { margin-top: 24px; margin-bottom: 4px; } .create-set-header > *, .form .create-set-input-row > * { flex: 1; flex-basis: 0; } .form .checkbox-list-container { flex: 1; } .form .checkbox-list { display: grid; grid-column-gap: 40px; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); } .form .checkbox-list-container a { color: inherit; text-decoration: none; } .form h3 { display: flex; column-gap: 4px; flex-direction: row; align-content: center; } .create-set-input-row > input[type=text]:first-child, .create-set-header > *:first-child { margin-right: 4px; } .create-set-input-row > input[type=text]:last-child, .create-set-header > *:last-child { margin-left: 4px; } input[type=text].set-title-input { flex: 1; width: 0; }