FRAME WIDTH %

Frame Width % is an essential tool if you would like to change the width of a particular frame.

THINGS TO KNOW:

  • By default, all frames are set to 100%.
  • Frame Width does not apply to mobile, on mobile your Frame will automatically default back to 100%.
  • You may increase the Frame Width (over 100%) to make the Frame overflow.
  • Frame Width has 5% increments between 5% and 200%



DESIGNER TIPS:

ONE
Frame Width in Columns

Sometimes it might seem logical to add extra Padding to Columns when designing on Desktop. However, adding extra Padding to Desktop might not consider your Mobile alignment. Since Width % is not active on Mobile it is a nice solutions to adjust Columns widths on Desktop without having to consider or test on Mobile.

TWO
Frame Width over 100%

You may wish to make a Frame smaller (less than 100%), or, you may wish to increase the frame width (over 100%) to make the Frame overflow it's normal size.