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!
  • 2 mins
  • 72.1 MB
Overview
  • 4 mins
  • 155 MB
PDF Guide
  • 1.59 MB
Demo Content
  • 2 mins
  • 38.4 MB

Demos

Small Details With Grid: Olympics Nav Demo
  • 10 mins
  • 277 MB
Foodie Nav Demo
  • 4 mins
  • 114 MB
Musical Nav Demo
  • 7 mins
  • 175 MB
Layered Badge & Split Header Demo
  • 5 mins
  • 164 MB
Cards: National Parks Themed Demo
  • 8 mins
  • 367 MB
Complex Grid Layouts
  • 5 mins
  • 176 MB
Space Between Button Alignment Demo
  • 5 mins
  • 121 MB
Colorful Photo Grid Demo
  • 7 mins
  • 252 MB
Good Vibes Full Site Template
  • 3 mins
  • 106 MB