Rearranging layouts for different displays

A non-transitory machine readable medium storing a program which when executed by at least one processing unit rearranges a content layout, the program comprising sets of instructions for:

• receiving a first content layout comprising a plurality of content elements arranged across a first set of vertical layout sections, each vertical layout section of the first set occupying a same first amount of horizontal space in the first content layout, wherein at least one of the content elements spans a plurality of the vertical layout sections of the first set;
• identifying a number of vertical layout sections available with which to display the first content layout;
• and
• rearranging the plurality of content elements into a second content layout comprising the plurality of content elements arranged across a second set of vertical layout sections, each vertical layout section of the second set occupying a same second amount of horizontal space in the second content layout,
• wherein the set of instructions for rearranging comprises sets of instructions for determining, for each content element of the plurality of content elements, a number of vertical layout sections of the second set for the content element to span in the second content layout by multiplying a number of vertical layout sections of the first set of vertical layout sections spanned by the content element by a ratio of the number of vertical layout sections in the second set to the number of vertical layout sections in the first set, wherein at least one of the content elements spans a different number of vertical layout sections in the first content layout and the second content layout.

An electronic device comprising:

• a set of hardware processing units;
• and
• a non-transitory machine readable medium storing a program which when executed by at least one of the processing units rearranges a content layout, the program comprising sets of instructions for:
• receiving a first content layout comprising a plurality of content elements arranged across a first set of vertical layout sections, each vertical layout section of the first set occupying a same first amount of horizontal space in the first content layout, wherein at least one of the content elements spans a plurality of the vertical layout sections of the first set;
• identifying a number of vertical layout sections available with which to display the first content layout;
• and
• rearranging the plurality of content elements into a second content layout comprising the plurality of content elements arranged across a second set of vertical layout sections, each vertical layout section of the second set occupying a same second amount of horizontal space in the second content layout,
• wherein the set of instructions for rearranging comprises sets of instructions for determining, for each content element of the plurality of content elements, a number of vertical layout sections of the second set for the content element to span in the second content layout by multiplying a number of vertical layout sections of the first set of vertical layout sections spanned by the content element by a ratio of the number of vertical layout sections in the second set to the number of vertical layout sections in the first set, wherein at least one of the content elements spans a different number of vertical layout sections in the first content layout and the second content layout.