Everything you want to know about CSS Grid in Bricks
OxyProps v1.4.10 introduces new context menus for Bricks to make all the framework CSS properties available for the new CSS grid features in Bricks v1.6. Let's use it to discuss all CSS grid properties, and recreate together the main grid utility classes offered by OxyProps to understand how they work. 🎉 Get OxyProps while it is on LTD ! OxyProps: https://oxyprops.com 🔗 Links ⌚ Timestamps 00:00 - Introduction 00:45 - The o-super-centered class 04:00 - N columns of equal width (Repeat function). 14:30 - Asymetrical grids. 15:50 - Sidebars (Minmax function). 21:20 - Ram-fill and ram-fit (auto-fill and auto-fit keywords). 30:00 - RAM (Repeat Auto-fit Minmax): a complex grid. 32:45 - 12 columns grid 34:30 - Grid auto flow 37:15 - Grid auto columns / Grid auto rows 39:10 - Oxyprops 12 grid helper lines 40:40 - Dealing with children elements 41:43 - Grid structure in chrome dev tools 42:40 - Start line - Grid column / Grid row 43:50 - Span - Grid column / Grid row 44:32 - Start / End - Grid column / Grid row 47:00 - Responsive design 48:30 - Span from / span to - Grid column / Grid row #cssframework #bricksbuilder #oxyprops ___ Come hang out with other OxyProps users ans Oxygen lovers in our Facebook Community 💬 / oxyprops ___ My editor: VS Code - https://code.visualstudio.com/ My Terminal Enhancements: OhMyZSH: https://ohmyz.sh/ Powerlevel10k: https://github.com/romkatv/powerlevel10k ___ Find OxyProps on the internet : Facebook: / oxyprops Twitter: / oxy_props Github: ___ And don't forget that if you can design it with WordPress, you can style it with OxyProps!
Let's take the State of CSS 2023 survey together
Bachelors #10 - Das große Finale + Wiedersehen!
Custom CSS in Bricks Builder for an efficient workflow | How to CSS Tutorial | WordPress Tutorial
Do you use CSS custom properties the way you should in Oxygen ?
BEM 101: How to Make Web Design Organized & Scalable
Learn Web Design For Beginners - Full Course
Advanced Themer - A Supercharged Bricks Builder Experience
Stop Making This COMMON MISTAKE With Your Header Menus
Trump Declares Iran Ceasefire "Over" & Goes No-Contact with Spain | The Daily Show
Bricks: Build-Your-Own Fluid Typography Framework
Easily overlap content with CSS Grid in Bricks Builder | WordPress Tutorial
Master Tricky CSS Grid Layout in Bricks Builder | WordPress Tutorial
Creator of C++: Bell Labs, Negative Overhead Abstraction, Mistakes | Bjarne Stroustrup
Create Web Components right in Bricks or Oxygen. Here is how.
Let's build Airbnbricks, using Bricks and Structeezy! Part 1
Be twice as productive in Bricks with the new Structure Builder.
Learn BRXTML for Bricks users, or how to create stunning page layouts in no time.
Bricks Builder Tutorial - Custom Post Loops
