Components: Add layouts component

Hello Pierre, Michael,

While CSS Grid is highly powerful, it has certain limitations, especially with older browsers. According to Can I use, there are issues with Safari's support for grid-template-rows, and Edge has problems with calc().

Key Question: Will websites be primarily accessed by developers with up-to-date browsers, or by a much large audience?

For Drupal sites, the answer is often clear. Given that Drupal is frequently used for government, healthcare, higher ed sites, it’s likely that these sites need to be accessible to individuals using older machines or browsers.

Recommendation:

• Container
• Flex
• Width

I added new

• 1 col/region
• 2 cols/regions
• 3 cols/regions
• 4 cols/regions

As discussed with @boulaffasae I will :

• remove cols component (which was meant to be dynamic as view_cols)
• rework col_1, col_2, col_3, col_4 and view_cols components in order to use CSS/Tailwind grid mechanisms instead of flex & width

Grid mechanisms offer :

• More controls
• Bidimensional management (horizontal & vertical)

... to configure layouts.

Besides grid browsers support is aligned with Drupal browsers support.

Automatically closed - issue fixed for 2 weeks with no activity.