Everything you want to know about CSS Grid in Bricks

Опубликовано: 05 Январь 2023
на канале: OxyProps
4,267
101

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!


Смотрите видео Everything you want to know about CSS Grid in Bricks онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь OxyProps 05 Январь 2023, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 4,267 раз и оно понравилось 101 людям.