How to Display Multiple Choice or Yes/No Question Answers Vertically on Registration Page

When using Multiple Choice or Yes/No question types on the registration page, the answer options are displayed horizontally next to each other by default. How can I have these answers displayed vertically, one below the other? Also, if it is possible, can we have the answers below each other as in the backend question setup? How should I adjust this?

By default, the answers to Multiple Choice or Yes/No questions on the registration page are displayed next to each other to save space and avoid excessive scrolling, especially when there are many options. However, if you want the answers to be displayed vertically, i.e., one per line (below each other), you can achieve this via custom CSS.

To display the answer options vertically, add the following CSS in the CSS Manager of your Dryfta platform:

.radio-box_list {
display: grid;
}

This CSS rule changes the display property of the container holding the radio buttons to a grid layout, which stacks the options vertically by default.

Keep in mind that many users prefer the horizontal layout to optimize space and reduce scrolling, so consider your form length and usability when making this change.