How can I align the checkbox with its label?
<div class="row g-1 border-bottom p-3">
<div class="col border-end justify-content-center d-flex align-items-center">
<div class="h6 text-sm-center h-25">
achievements
</div>
</div>
<div class="col ps-3">
<div class="form-check">
<input type="checkbox" name="distinction" id="distinction">
<label for="distinction">
Certificate of completion from primary school with distinction
</label>
</div>
<div class="form-check">
<input type="checkbox" name="distinction2" id="distinction2">
<label for="distinction2">
Achievements in social activities, including volunteering for the school community and environment
</label>
</div>
</div>
</div>
I am trying to ensure that the checkboxes are aligned properly with their labels.