The display property allows you to control how elements are displayed within the document flow. Here's an overview of how different Display modes work:

• Flex – This is the default for most elements in Handoff. It gives you a lot of flexible layout options for determining how elements inside are shown, either horizontally or vertically.
• Block – Elements are shown from top to bottom. Each element takes up 100% of the width of its parent.
• Inline Block – Elements are shown side by side, and their width is determined by the content inside.
• Inline – This is the default style for text. Elements are shown side by side and you cannot change their width or height.

To hide an element, click the slashed eye icon or select Hide from the dropdown.

Continue reading

Now that you know how Display settings affect how elements are shown, read on to find out how you can arrange and distribute items using Align and Justify.

Align and Justify