top of page

How to Use New Wix Editor X-All Features and Guidelines

Updated: Sep 11, 2023

Wix unveils its brand-new editor feature that allows you to design responsive websites. Editor X is capable of creating stunning free responsive websites.



What is Wix Editor X?


Wix is ready to release its breathtaking, fluid new website builder called as Editor X. You will be able to design your site pages with CSS without thinking any CSS anymore. Responsive capabilities have also been added to this version.


Some dominant features of X:


  • Breakpoint precision

  • Fluid design

  • Limitless CSS grids

  • Flexbox Technology


Let us look you under the hood.


Note: Editor X has been published for the beta version and limited users for now.


Breakpoint Precision


Get absolute design control with custom breakpoints. Rearrange your layouts, choose what to show or hide, and tailor the styling to every viewport size. Editor X comes with 3 set breakpoints according to the most common screen sizes—and you can also add your own custom breakpoints.


Breakpoint precision relies on the element hierarchy that varies for every different screen: desktop, mobile, and tablet. You can create a breakpoint and change your design by using this. Below, the official Wix YouTube channel explains how this feature is being used.



What is Flexbox Technology?


The Flexible Box Module, usually referred to as flexbox, was designed as a one-dimensional layout model, and as a method that could offer space distribution between items in an interface and powerful alignment capabilities.


That means in Wix's new editor is designing websites with responsive layouts. Let your content automatically adjust to every screen without even thinking about breakpoints. Watch the official tutorial bor this feature below.



Fluid Design


Decide how each element behaves in relation to its environment with docking, stacking and scaling. Work with different units of measure to create the look you want across all devices.


Limitless CSS Grids


Define the position and behavior of every element at any breakpoint to create extreme responsive experiences. Design on a 2-dimensional framework to create incredible responsive experiences. You can edit the structure of your grid at any breakpoint.



Full guidelines will be added to this article soon. Thanks for reading.


0 comments

Related Posts

See All
bottom of page