Columns Row

An Article Containing a Row of Columns

A three column responsive row to be more specific. On the narrow portrait view such as small phones they will line up vertically. If the screen width is wide enough, then they line up side by side in a row of colums.

Mission

We will create an article node and append three section nodes. In each section node we will append a level 2 heading h2 followed by an image and a paragraph.

Three Column Row

We added a function for generating a responsive three column row.

cms.body.threeColumnRow()

appAx00By01Cz02.cms.body.js

cms.body.threeColumnRow()

source code of the threeColumnRow function

All files

And here are all the files

appAx00By01Cz02.js

appAx00By01Cz02.cr.js

appAx00By01Cz02.nd.js

appAx00By01Cz02.dataContent.js

appAx00By01Cz02.cms.head.js

appAx00By01Cz02.cms.body.js

appAx00By01Cz02.start.js

Demo page

Resize the window page to notice the responsive design. The columns align vertically on narrow screen widths and side by side in a horizontal row for screens that are wide enough.

demo