LESSON 01

Your workspace.

The Editor X canvas is wide and flexible. Panels appear as you need them, and you can move elements around freely using smooth drag and drop.

Canvas.

Your canvas is divided into horizontal sections. By default, you have a header, a footer and a large section in the middle. You can move them around and add as many sections and pages as you want. Use the resize handles at the side of your canvas to adjust the width. This lets you see and design your site at every viewport.

Add panel.

Drag any kind of element onto your canvas, from simple shapes and text, to social bars and fully designed sections.

Action bar.

Select any element on your canvas to open this floating action bar. From here, you can customize the element design, add animation, insert links and more.

Inspector panel.

This is where you can edit the properties of a selected element. Change the alignment, size, position and more.

Inspector panel.

This is where you can edit the properties of a selected element. Change the alignment, size, position and more.

Layers.

Use the Layers panel to view the entire structure of your page. You can also select and edit elements from here.

Masters.

Masters are sections of content that can show on multiple site pages. Changes you make to one will affect this Master everywhere it appears on your site.

Breakpoints.

The breakpoints navigator at the top of your canvas lets you jump between 3 preset breakpoints—desktop, tablet and mobile. Click the 3 dots to customize breakpoints and add more.

Now that you know your way around the workspace, you can move on to the next lesson and start practicing.

Watch related videos.