Bricks for newbies Section, Container, Block, Div
There is already plenty of documentation and videos on using the Bricks Builder layout Elements. However, new users still often get confused about how and where to use them.
This video is an attempt to show them in action.
[EDIT] To be clear, I forgot I had ACSS enabled. The only effect it has on this video is that it was adding a bit of padding to "section" elements. This demonstration in no way uses or requires ACSS.
One more note, around 08:00 I said ACSS was overriding the container width, which is incorrect. It is being overridden in the Bricks Theme setting for the Container defaults.
00:00 Introduction and explanation
04:00 How Bricks implement the layout elements
05:15 Actual DOM output for Section - Container - Bock - Div
09:50 What is needed to style a Div the same as a Block
10:50 Summary of the 4 layout elements
11:20 Creating whatever DOM structure you want to
11:30 Create an Unordered List using Div
13:01 Create an Unordered List using Block (Better)
14:40 Styling the "Block" UL (easy)
16:15 Styling the "Div" UL (not as easy)
18:50 Showing how quick the "Block" UL is to create
20:30 Turning each "LI" into 3 columns using CSS Grid
23:20 Using the 3-column LI as a Query Loop
23:44 Summary