FormLayout with support for grouping fields in bordered and titled groups while not breaking the field alignment in columns

[taefi]

Describe your motivation

The motivation is to have support for cases like this without dealing with custom CSS:

Disclaimer: image generated by ChatGPT, weird fields in unrelated groups

The criteria is for the fields in each column to remain aligned and of the same size throughout the form, not just in each group.
As this a common case in many business apps, it makes sense to optimize for it.

Describe the solution you'd like

This issue is not asking for a universal solution that can handle all the possibilities, but something as simple as above should not need many CSS customizations.

Describe alternatives you've considered

A CSS Grid with 6 - 12 columns enables having form fields to be placed in 2 and 3 columns, which should cover most use cases for these type of forms.

Additional context

No response

[taefi]

#4583 might be related, though that needs a major 🥲

[web-padawan]

Using of CSS grid is already part of the new auto-responsive layout mode.
I'd say this is more about a "fieldset" which is requested in #1085.

[TatuLund]

I'd say this is more about a "fieldset" which is requested in

Native HTML Fieldset actually exists in Flow HTML components now. But that naturally does not have any Lumo / Aura sugar coating on it.