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!
Watch video Everything you want to know about CSS Grid in Bricks online without registration, duration hours minute second in high quality. This video was added by user OxyProps 05 January 2023, don't forget to share it with your friends and acquaintances, it has been viewed on our site 4,267 once and liked it 101 people.