The first commented line is your dabblet’s title

dabblet.css

/**
 * The first commented line is your dabblet’s title
 */
 
 :root
 {
 	font-size: 0.8em;
 }

.container
{
	display: flex;
	flex-wrap: wrap;
}

.container > *
{
	flex: 1;
}

.measure { min-width: 30em; }
.amount-and-weight { min-width: 30em; }
.amount  { min-width: 15em; }
.weight  { min-width: 15em; }

dabblet.html

<fieldset class=container>

	<span class="measure container">
		<select>
			<option>szklanka</option>
		</select>
	</span>
	
	<span class="amount-and-weight container">
		<span class="amount container">
			x
			<input>
		</span>
		
		<span class="weight container">
			=
			<input>
			g
		</span>
	</span>

</fieldset>

dabblet.js

// alert('Hello world!');

settings.json

{"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}