How to build a 2 column overlap content section in Bricksbuilder using the Automatic CSS framework
Hey Guys, In this video I take you guys on a educational journey were we build out a content section overlapping a breakout image.
You will learn the following:
Define the structure before building
Layout all the blocks and elements and adding classes to them
Create a breakout image
Overlapping content
Styling on different breakpoints
Chapters:
0:00 Introduction
1:09 Define the structure before building
2:40 Layout all the blocks and elements and assign classes to them
14:10 Styling the top container with the breakout image
16:40 Styling the bottom container
19:54 Styling the data column containing an unordered list of achievements
26:32 Overlapping the top container
29:23 Fixing the tablet en mobile breakpoints
34:29 Rounding up and conclusion
Get the Alpha template and speed up your development process
If you are interested in getting this block go to www.bricksmaven.com and get yourself a license which will give you access to 500+ blocks. We support ACSS, CORE and vanilla CSS.
Get access to 100+ blocks for Bricks builder for free
Visit Bricksmaven and test the Alpha template for free, You get access to 100+ blocks which you can copy and paste in your projects and use forever. The free gift comes with 3 different version: ACSS, CORE and Vanilla CSS. Try it out today, visit https://bricksmaven.com/#pricing
Get the Automatic CSS framework | https://automaticcss.com/ref/3/ |
Voted #1 Framework For WordPress Page Builders. Automatic.css (ACSS) is consistently voted the best framework for WordPress because it combines innovative features, True Builder Integration™, best practices, unparalleled support, and education.
Get the CORE Framework | https://coreframework.com/ |
Supercharge your web design game with Core Framework's robust toolkit to manage, organize, and reuse your stylesheets. Seamlessly create, customize, and control every aspect of your project with our unique visual GUI.