Step 1

Select the Text Element on the Page.

Step 2

Select Element States below the Stage.

Step 3

Select the + card.

Step 4

The New State panel will open. The first step is to set the State that the element will change to, in this case showing the text as center-aligned.

Select all the text - for this example, click the text and we'll select it for you.

Step 5

Select the Center Align option.

Step 6

Select Trigger Type (or select Next).

Step 7

Select Breakpoint.

Step 8

Select Set Trigger.

Step 9

Select Extra Small.

Step 10

Select Settings.

Step 11

Select Done.

Step 12

The new State has been added to the Element States panel.

Close the panel by selecting the X.

Step 13

Select the Extra Small breakpoint icon.

Step 14

The text in the element changes from left-aligned to center-aligned.

  1     0

Similar Projects

Questions  ( 0 )