green double Helix

Columns

Side-by-side text and imagery that reflows into a single column on small screens.

How the columns block behaves

Every block on this page uses the same stylesheet as the AEM Edge Delivery Services boilerplate, so spacing, type scale and colors match one-to-one. The page is plain HTML and can be opened straight from disk.

Columns in two columns

  • Same 1200px content width
  • Stacks below 900px
  • Images fill their column

Back home

green double Helix
Yellow Double Helix

Text and imagery swap order in the second row, exactly like the boilerplate columns block.

Next: Cards

Boilerplate Highlights?

Find some of our favorite staff picks below:

A group of people around a Table

Widen the talent pool

Authors on AEM use Microsoft Word, Excel or Google Docs and need no training

HTML code in a code editor

The low-code way to developer productivity

Say goodbye to complex APIs spanning multiple languages. Anyone with a little bit of HTML, CSS, and JS can build a site on AEM.

A rocket and a headless suit

Headless is here

Go directly from Microsoft Excel or Google Sheets to the web in mere seconds. Sanitize and collect form data at extreme scale with AEM Forms.

A dial with a hand on it

Peak performance

Use AEM's serverless architecture to meet any traffic need. Use AEM's PageSpeed Insights Github action to evaluate every Pull-Request for Lighthouse Score.