Beaver Builder/Box Module Basics: Build Better Layouts with Flexbox + CSS Grid

  • Free

Box Module Basics: Build Better Layouts with Flexbox + CSS Grid

  • Course
  • 13 Lessons

The Box Module is like its own little microcosm inside of Beaver Builder. Once you learn how to use the Box Module, it will seriously boost your site building power. This is all made possible by harnessing the power of two modern layout models, Flex and Grid. In this course, we'll get started with a quick overview on the Box Module's settings then dive into a handful of demo videos.

Contents

Getting Started

Welcome!
Overview
PDF Guide
Demo Content

Demos

Small Details With Grid: Olympics Nav Demo
Foodie Nav Demo
Musical Nav Demo
Layered Badge & Split Header Demo
Cards: National Parks Themed Demo
Complex Grid Layouts
Space Between Button Alignment Demo
Colorful Photo Grid Demo
Good Vibes Full Site Template