Currently, my HTML code looks like this:
<label name="diet" for="">Diet:</label>
@foreach($diets as $diet)
<p> {{ $diet->titel }} </p>
<input type="checkbox" id="diet[]" for="diet[]" name="diet[]" value="{{ $diet->id }}" class="dieet{{ $diet->id }}">
As for the CSS code:
#form_new_recipe
{
margin: 0 auto;
max-width:min-content;
color: white;
label{
display: block;
}
input, textarea{
margin-top:20px;
margin-bottom:20px;
display: block;
}
input[type="text"], textarea{
margin-top:20px;
margin-bottom:20px;
display: block;
width: 600px;
}
}
My query is: How can I align my checkboxes next to the options added? (Working with a backend developer on this)
Additionally, I'm looking to align the added options horizontally next to each other (to some extent).