Dynamically Determining Arrangement of a Layout

Some embodiments provide a method for rearranging a content layout. The method receives a first layout that includes content elements arranged across a first set of layout sections having a first number of sections, each of which has a same first width. The first layout defines a first margin width on either side of the layout and a first gutter width between the sections. Based on an available display width, the method determines a second gutter width and second margin width for a second layout based on the first layout. The method dynamically calculates a second number of sections in a second set of layout sections for the second layout based on the available display width, second gutter width, and second margin width. Each section of the second set has a same second width. The method rearranges the elements into a second layout that spans the second set of sections.