how to make a 2 columns fieldset

Solutions on MaxInterview for how to make a 2 columns fieldset by the best coders in the world

showing results for - "how to make a 2 columns fieldset"
Jannik
09 Jul 2019
1<!-- my solution is to create a div for each line you want in your multiple column style display -->
2
3<fieldset>
4	<div>
5    	<input class="left">
6        <input class="right">
7    </div>
8    <div>
9    	<input class="left">
10        <input class="right">
11    </div>
12    <div>
13    	<input class="left">
14        <input class="right">
15    </div>
16    <div>
17    	<input class="left">
18        <input class="right">
19    </div>
20</fieldset>
21<!-- goes with this stylesheet -->
22<style>
23fieldset {
24    width: 100%;
25    border: none;
26    display: flex;
27    flex-flow: column;
28}
29
30fieldset div {
31    display: flex;
32    flex-flow: row;
33}
34
35fieldset input {
36    min-width: 50%;
37    max-width: 50%;
38}
39  
40.left{
41    min-width: 45%;
42    max-width: 45%;
43    margin-right: 5%;
44}
45</style>