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

Updated: Apr 28

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



What is Wix Editor X ?


Wix 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 had also 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 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 at 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 rely on the element hiyerarchy that vary for every different screen: desktop, mobile, tablet. You can create a breakpoint and change your design by using this. Below, 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 new editor is designing websites with responsive layouts. Let your content automatically adjust to every screen without even thinking about breakpoints. Watch 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.


#wix #editorx #flexboxtechnology #responsive #CSS #breakpoint

Claim your desired

By signing up, you agree to the Terms of Service and Privacy Policy

©2018-2020 Bizim Muhit, All rights reserved.

  • Discord-Logo-White (1)
  • Facebook - Beyaz Çember
  • YouTube - Beyaz Çember
  • Heyecan - Beyaz Çember
  • Instagram - Beyaz Çember