Stage 2 · Lesson 1 of 7
The Designer and Navigator
The is a visual canvas. Every element you add is a real element, and every setting in the is a CSS property. The shows the element tree, which elements sit inside which.
That is the structure of the page. The holds attributes, links and visibility. Learn to build by structure.
Sections contain containers, and containers contain content, with sensible HTML tags for headings, links and buttons. Because Webflow writes the code, what you learnt in the web basics stage transfers directly, and the Navigator is where you debug.
Common traptreating Webflow like a design tool and dragging elements around the canvas, which creates deeply nested, fragile structures that break on other screen sizes.
A question to check yourself, an AI practice session and 1 cheat sheet entry come with the full roadmap. Unlock
Resources for this stage
Start with
- CourseFreeWebflow University
Webflow · Beginner
Free official video courses; start with Webflow 101, then the CMS and layout lessons