Creating a Proportionally Scaling Design In Editor X

Поделиться
HTML-код
  • Опубликовано: 22 июл 2024
  • 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:
    • Understanding Scale Te...
    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
  • ХоббиХобби

Комментарии • 33

  • @mqms71
    @mqms71 2 года назад +5

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

  • @WixStudioTips
    @WixStudioTips 2 года назад +3

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

  • @erinvangordon8938
    @erinvangordon8938 Год назад +1

    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!!!

  • @ciampiongraphics
    @ciampiongraphics 2 года назад +3

    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!

    • @ciampiongraphics
      @ciampiongraphics 2 года назад

      When adding images into a container, to get them to scale proportionally, is there a preferred setting for the docking points? What's the best way to set that up?

  • @VitaliRiskin
    @VitaliRiskin 2 года назад +3

    Amazing video! Well done 👏

  • @MrWebDesign
    @MrWebDesign 2 года назад +3

    Gold! Great video, looking forward to more!

  • @tinglezzz3760
    @tinglezzz3760 Год назад +1

    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!!

  • @zmusic6694
    @zmusic6694 Год назад +1

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

  • @cweb1988
    @cweb1988 2 года назад +2

    Helpful. Thanks!

  • @fiveshorts
    @fiveshorts Год назад

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

  • @nikimartin1633
    @nikimartin1633 Год назад +1

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

  • @hlunofficial2993
    @hlunofficial2993 2 года назад +1

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

  • @petakirikiri4074
    @petakirikiri4074 Год назад

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

  • @mel.studio
    @mel.studio 2 года назад

    This is gold! Thank you so much!

  • @chikshank6230
    @chikshank6230 2 года назад

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

  • @Henrique-ew2sr
    @Henrique-ew2sr Год назад

    Excellent content, pal! Just keep going

  • @luciafeldstein4255
    @luciafeldstein4255 2 года назад

    This is amazing, thanks!

  • @alibagheri4758
    @alibagheri4758 2 года назад

    Very informative and easy to follow 💯

  • @CrisMusiCanada
    @CrisMusiCanada 2 года назад +1

    awesome, thanks bud!

  • @Madam_Z
    @Madam_Z Год назад

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

  • @eusebiosalces2403
    @eusebiosalces2403 2 года назад

    ooo thank you so much

  • @RealMehedi
    @RealMehedi 2 года назад

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

  • @LuluFrance
    @LuluFrance Год назад

    are section originally setup to be responsive, or must one change each section?
    I'm having a big problem changing down to smaller viewpoints

  • @alexanderrendar
    @alexanderrendar 9 месяцев назад +1

    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.

    • @WorldofEditorX
      @WorldofEditorX  9 месяцев назад

      Check out wix studio. Everything there is scaling proportionally by default.

  • @VeblenOne
    @VeblenOne Год назад

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