Display fields in 2 columns

CSS Codes Calculator
1

Add this code to the Custom CSS field on the Settings tab of your Calculator widget’s settings:

[class*='form__Container-sc'] {
display: flex;
flex-wrap: wrap;
column-gap: 4%;
}

[class*='FormFieldLayout__Container-sc'] {
width: 45%;
}

[class*='FormFieldLayout__Container-sc'] {
margin-bottom: 32px;
}
1 Like