The <DoDontRow>
component is a custom row used alongside the <DoDont>
component, which now includes built in columns.
components/DoDontRow/DoDontRow.js < DoDontRow >
< DoDont aspectRatio = " 1:1 " >  </ DoDont >
< DoDont type = " dont " aspectRatio = " 1:1 " >

</ DoDont >
</ DoDontRow >
components/DoDontRow/DoDontRow.js < DoDontRow >
< DoDont text = " This is some text " aspectRatio = " 1:1 " />
< DoDont type = " dont " text = " This is some text " color = " dark " aspectRatio = " 1:1 " />
</ DoDontRow >
< DoDontRow >
< DoDont
text = " This is some text "
captionTitle = " Caption title "
caption = " Caption "
components/DoDontRow/DoDontRow.js < DoDontRow >
< DoDont captionTitle = " Caption title " caption = " Caption " colLg = " 8 " >
< Video title = " Video example " vimeoId = " 310583077 " />
</ DoDont >
</ DoDontRow >
components/DoDontRow/DoDontRow.js < DoDontRow >
< DoDont aspectRatio = " 4:3 "