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
1 minute and 49 seconds
3 minute and 51 seconds
4 minutes and 52 seconds
START CREATING WITH THE WIX STUDIO EDITOR
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
6 minutes and 21 seconds
5 minutes and 39 seconds
5 minutes and 40 seconds
7 minutes and 45 seconds
7 minutes and 39 seconds
UNDERSTAND BREAKPOINTS & RESPONSIVE AI
6 minutes and 3 seconds
4 minutes and 4 seconds
1 minute and 41 seconds
ANIMATE YOUR SECTIONS & ELEMENTS
7 minutes and 29 seconds
8 minutes and 26 seconds
3 minutes and 37 seconds
EDIT WITH ADVANCED SIZING & CSS GRID
9 minutes and 48 seconds
12 minutes and 29 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.
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.
More creation-fueling resources
Log in to save your progress