WordPress Columns Block — Overriding Flex CSS

[ad_1]

I’m an experienced developer and have a solid grasp of CSS, but the flex shorthand is really puzzling to me. Rather than have it go from non-wrapped columns above 782px and then single columns below that, I want to have an intermediary range with two columns.

The core WordPress block CSS looks like it uses `flex-wrap: nowrap;` on the parent **columns** element, and `flex: 1 1 0;` for each child **column**. At the 782px breakpoint, the parent **columns** element changes to `flex-wrap: wrap !important;` while the child **column** elements change to `flex-basis: 100% !important;`

What do I have to do to make the columns goto a 50/50 two-column layout in-between? I’ve tried a few things and can’t seem to figure it out.

[ad_2]

 

This site will teach you how to build a WordPress website for beginners. We will cover everything from installing WordPress to adding pages, posts, and images to your site. You will learn how to customize your site with themes and plugins, as well as how to market your site online.

Buy WordPress Transfer