Creative Feature Section
In this video, I'll be showing you how to build a creative feature block section using the core framework. I've already built similar blocks before, but this one has a slightly different design. I'll walk you through the process step by step, and by the end, you'll have a fully functional feature block section. Feel free to leave a comment with any feedback or suggestions.
See the live version here:
https://test.bricksmaven.com/index.ph...
Chapters:
00:00 Introduction and explanation of what we are going to build
02:15 Setting up the Structure
05:08 Adding Classes to the Elements
08:17 Styling the classes
11:50 Styling the Feature Grid Cards
18:55 Positioning the Cards on The Grid
24:50 Flipping Icons on Even Cards
31:00 Positioning the Media
32:56 Adjusting for Breakpoint
36:58 Removing Media on Smaller Screens
38:57 Fixing the Feature Cards on Mobile
47:48 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.