Creating a Proportionally Scaling Design In Editor X

In this Video, Im showing how to build a design that scales proportionally in Editor X.
This means that as the browser width changes, the elements will keep their relative size and position. In order to build this we'll first explore the fundamentals of position and sizing in Editor X.

Link to Scale Text Video:

00:00 Intro
00:40 Structure
00:58 Sizing
02:36 Positioning
03:05 Margins
03:45 Docking
04:30 Creating a proportionally scaled design
06:44 Adding Text
07:40 Designing for Tablet
08:32 Conclusion

[mqms]

Finally someone who can explain editorX in the best way possible.
Thank you!

[ciampiongraphics]

I agree with Zain Shoaib, I've searched for too long to find out how to best scale proportionally, and this is the clearest, and most direct tutorial, thanks for sharing!

[WixStudioTips]

Such a detailed explanation, it really covers the essentials of fluid behavior, well done!! 👑

[MrWebDesign]

Gold! Great video, looking forward to more!

[erinvangordon]

This is the most comprehensive video available for responsiveness on Editor X. Thank you so much for teaching and sharing such a direct video. HUGE HELP!!!

[tinglezzz]

I just spent the last week trying to figure this out and this is the first video I’ve seen to actually clearly explain everything. Well done!!

[zmusic]

this is one of the best and clear explanation video on this topic. THANK YOU SIR.

[fiveshorts]

You are the best Editor X explainer. Please don't stop.

[nikimartin]

This video made my day! Everything I needed to know explained simple and quick. Thanks a lot!

[petakirikiri]

Yeah I was looking for this everywhere. Please keep more content like this coming.

[chikshank]

This was very thoughtfully and concisely explained... I look forward to your future vids. Thanx!

[hlunofficial]

This is just awesome. Thank you for the great work!

[Madam_Z]

This is a clearer explaination than that in Wix Editor X tutorial

[Henrique-ewsr]

Excellent content, pal! Just keep going

[alexanderrendar]

Wix, you're powerful, but with that power comes some headaches 🙂. You're often forcing users to concentrate on the very low-level design details rather than their overall creative vision. I recommend that you provide a user-friendly UI element named 'Image with Caption' or 'Image with Title' that is easy to use and responsive. Let users dream of creating beautiful designs and applying their creativity, rather than having to focus on pixel-hunting at a development level. Designing this 3-image layout with text should be a trivial task in this day and age.

[LuluBowenTarot]

are section originally setup to be responsive, or must one change each section?

I'm having a big problem changing down to smaller viewpoints

[RealMehedi]

Im waiting for your new videos... Please be my editor x guru..

[VeblenOne]

How can I make Editor X grids expand like in Instagram?