Left - right content
The left - right content component enables you to create content within a two column layout that stacks on smaller screens to make the content responsive and accessible.
The content may contain text, images or a combination of the two on either the left or right sides.
Let's see a basic example of the left - right content component with just some text with the "Gap" property in the "Layout" tab set to 2.
Some sample text that can be displayed alongside your image. Nunc mollis in elit eget sagittis. Praesent sapien justo, varius vel magna quis, auctor aliquam neque. Praesent eget ex a mi dapibus mattis. Aenean varius, est faucibus consectetur venenatis.
Some sample text that can be displayed alongside your image. Nunc mollis in elit eget sagittis. Praesent sapien justo, varius vel magna quis, auctor aliquam neque. Praesent eget ex a mi dapibus mattis. Aenean varius, est faucibus consectetur venenatis.
Now let's make another component, but with an image on one side and text on the other. We'll also increase the "Gap" property within the "Layout" tab to 3 and we'll set the "Left Width" percentage to 30, so that the text has more room than the image.
Some sample text that can be displayed alongside your image. Nunc mollis in elit eget sagittis. Praesent sapien justo, varius vel magna quis, auctor aliquam neque. Praesent eget ex a mi dapibus mattis. Aenean varius, est faucibus consectetur venenatis.
As you can see, the left - right content component is a dynamic two column component that you can use around your site!