Form Field with Checkboxes in Columns

How To
1

I’d like to organize the checkbox list for “Kalenderwoche” in columns within the form: 3 columns on desktop, 2 on tablet, and 1 on mobile. Is this possible with CSS? Unfortunately, I haven’t found a working solution yet. Has anyone faced a similar issue or found a good way to handle this?

Link to the Form: Bestellformular – s’Blättle

Bildschirmfoto 2025-04-10 um 09.16.58
Bildschirmfoto 2025-04-10 um 09.16.581772×2658 162 KB

2 
%root% .options-wrapper{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
3

Thanks so much for the quick help — it worked! Is there a way to style a specific form field with CSS?

4

as long as you know how to select that html or id or class yes you can do anything

learn little bit basic html and css rest is easy and learn using chrome devtools