Dynamic Widgets

- One widget displays a single full-width row.
- Two widgets will display as two (2) full-width rows.
- Three widgets will display as two (2) rows. The first row will display full width. The second row will display as two (2) columns equal to approximately one-half the width of the widget area.
- Four widgets will display as two (2) rows. The first row will display full width. The second row will display as three (3) columns equal to approximately one-third the width of the widget area.
- Five widgets will display as two (2) rows. The first row will display full-width. The second row will display as four (4) columns equal to approximately one-quarter the width of the widget area.
- Six widgets will display as four rows. The first and last row will display as full-width. The middle two (2) rows will display as two (2) columns equal to approximately one-half the width of the widget area.
- Seven widgets will display as three rows. The first row will display full-width. The second and third rows will display as three (3) columns equal to approximately one-third the width of the widget area.
- Eight widgets will display as five (5) rows. The first and last row will display as full-width. The middle three (3) rows will display as two (2) columns equal to approximately one-half the width of the widget area.
- Nine widgets will display as three rows. The first row will display full-width. The second and third rows will display as four (4) columns equal to approximately one-quarter the width of the widget area.
image courtesy of StudioPress