The div block is the most basic and versatile element used in website design and development. To a certain extent, a div block can be whatever you want it to be. For example, buttons, containers, and sections are all just div blocks with extra properties. A div block can also be used to create space or dividers, but the most common use for a div block is to group other elements together. In this video, we'll show you how to:

‍

Add
Style
Nest
Duplicate Div blocks, plus show you how to use them as spacers (though we don't recommend it).

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.