The box model describes how layout works on the web. Unlike other design environments (like Photoshop or Sketch) that allow you to position elements anywhere in a given document, the web places elements in boxes that you control the positioning of to indirectly create layouts. In this video, we’ll discuss:

‍

The box model
How the box model facilitates responsive web design
Grouping boxes
Positioning boxes to create layouts

More series

Business

Moving your business online

Beginner

A free course on how to take your business online. Serve more clients and generate more revenue in this new environment.

Webflow Development

SEO fundamentals

Beginner

An overview of search engine optimization (SEO) fundamentals and best practices — learn how to optimize your content from the start.

Webflow Development

Web animations with After Effects & Lottie

Intermediate

Create animations in Adobe After Effects — the industry standard for motion graphics. Embed and animate them in your Webflow site.

Business

Freelance web design boot camp

Intermediate

The Freelancer’s Journey is a free, comprehensive course to help you build a successful, fulfilling freelance career in web design.

Webflow Development

CSS grid in Webflow

Begginer

This course introduces you to the basic concepts of grid, including how it compares to and works alongside other layout options like flexbox.

Webflow Development

Webflow 101 Crash Course

Begginer

If you're looking to jump right in to Webflow and get a feel for how to build your first website, this course is for you.