Responsive Columns & Breakpoints Testing

Testing a new solution for responsive columns.
Applies to the following Blocks: Columns, Group (Row), and Post Template.

Instead of relying on Bootstrap column classes, this is based on how WordPress handles columns (using the WP default CSS Grid Layout.)
Limiting to 6 columns since that is the limit of the WP Post Template.

Usage: {breakpoint}-col-{number of columns}

Available breakpoints: xxl, xl, lg, md, sm, xs (breakpoints defined in theme.json)

Example CSS Classes: xxl-col-4 xl-col-3 lg-col-2 sm-col-1
This example will display 4 columns at xxl, 3 columns at xl, 2 columns at lg, and 1 column at xs.

Columns Block

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Group (Row) Block

Post Template

This is a Blog Post One

March 31, 2023

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat…
Read more
This is a Blog Post Two

March 31, 2023

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat…
Read more
Hello world!

August 19, 2022

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat…
Read more

Responsive Columns & Breakpoints Testing

Columns Block

Group (Row) Block

Post Template

This is a Blog Post One

This is a Blog Post Two

Hello world!