Columns component

Columns component now available

Organize your page with columns

The Columns component is a simple yet powerful tool for enhancing your page layout. It lets you split a section of your page into two distinct, side-by-side columns. This is great for breaking up long sections of text that can be overwhelming for a reader. By arranging content into two columns, you create a more organized and visually balanced page on desktop screen sizes that can be easier for visitors to scan and digest. This structure helps guide the user's eye, making your content more engaging and allowing people to find the information they need more quickly.

An example of a columns component with a list of news and a list of upcoming events

Common uses for a two-column layout

  • Side-by-Side comparisons: Present two different programs, lists, or concepts next to each other to help users easily compare their features and benefits.
  • Contact details and a map: Display your address, phone number, and hours in one column while showing an embedded map in the other.
  • Group upcoming events and recent news: Display two list components (one for news and one for events) on your homepage to save vertical real estate.