Display 2 fields and 2 images on 1 row and reduce the field height on mobile

CSS Codes Forms
1

Add the code below to the Custom CSS field on your Form widget’s Appearance tab:

@media(max-width: 550px) {
[class^="FieldsGrid__Row-sc"] {
display: inline-flex;
}
[class*="ImageOption__Item-sc"] {
width: 120px;
margin: auto;
}
[class*="TextControlBase__TextControlBaseContainer-sc"] {
padding: 10px 16px !important;
}
}

Guys, if this code was helpful to you, please drop a line in the comments. Your feedback helps us improve our services and provide better solutions :slightly_smiling_face: