Consider the following HTML form that we need to convert to an abstract form:

As a result of selecting the "Convert to Abstract Layout" menu option, the form is converted as follows:

After converting the form to abstract layout, you need to work on the distribution of the controls for the different screen sizes, using the Responsive Sizes property.

The distribution given to the controls is the default for each screen size. For extra small screens, the information is stacked in a single column. For small, medium, and large screen sizes, horizontally displayed information is given an equal width.