Master the fundamentals of responsive web design and build a complete site on Editor X with this comprehensive online course.

Wix Studio Essentials

MEET WIX STUDIO

10:32

1 minute and 49 seconds

3 minute and 51 seconds

4 minutes and 52 seconds

START CREATING WITH THE WIX STUDIO EDITOR

28:52

7 minutes and 46 seconds

4 minutes and 15 seconds

6 minutes and 27 seconds

4 minutes and 10 seconds

2 minutes and 4 seconds

4 minutes and 9 seconds

CUSTOMIZE WITH LAYOUT TOOLS

33:58

6 minutes and 21 seconds

5 minutes and 39 seconds

5 minutes and 40 seconds

7 minutes and 45 seconds

54 seconds

7 minutes and 39 seconds

UNDERSTAND BREAKPOINTS & RESPONSIVE AI

12:38

6 minutes and 3 seconds

4 minutes and 4 seconds

49 seconds

1 minute and 41 seconds

ANIMATE YOUR SECTIONS & ELEMENTS

20:17

7 minutes and 29 seconds

8 minutes and 26 seconds

45 seconds

3 minutes and 37 seconds

EDIT WITH ADVANCED SIZING & CSS GRID

29:25

9 minutes and 48 seconds

12 minutes and 29 seconds

53 seconds

6 minutes and 15 seconds

About the course

Explore how to create an exceptional, fully-responsive website with the Wix Studio Editor. Follow along with step-by-step lessons and hands-on challenges to create a website using the different Responsive behaviors, layout tools and Responsive AI available right at your fingertips.

01. Start creating with the Wix Studio Editor:

Start creating a website with Wix Studio. Get familiar with Responsive behaviors, Global Sections and Site Styles to save time throughout the design process.

02. Customize with layout tools:

Design your site exactly how you want with positions, docking and layout tools, like Stacks, Section Grids and Repeaters.

03. Understand Breakpoints & Responsive AI:

Learn how to get full control of your elements on each Breakpoint and create responsive designs using AI.

04. Animate your sections & elements:

Enhance your sites with Scroll effects, Sticky and Pinned positions, Animations and Interactions. Choose from one of our presets or create a custom Animation of your own.

05. Edit with Advanced sizing & CSS Grids:

Gain a comprehensive understanding of Advanced sizing and how each measurement unit affects your elements’ Responsive behaviors. Plus, learn how to use advanced CSS Grids to create intricate and precise designs.

Modules

Carly Ellis

Strategic Program Manager

Carly is a Strategic Program Manager with a passion for helping professionals pick up new skills and learn to do what they do best, better. She puts that passion to use across the Wix ecosystem, developing learning programs for Wix users and teammates alike.