Welcome

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Sed lectus vestibulum mattis ullamcorper velit sed ullamcorper morbi tincidunt. Magna ac placerat vestibulum lectus mauris ultrices eros in cursus.

01 – Subject 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Sed lectus vestibulum mattis ullamcorper velit sed ullamcorper morbi tincidunt. Magna ac placerat vestibulum lectus mauris ultrices eros in cursus.

02 – Subject 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Sed lectus vestibulum mattis ullamcorper velit sed ullamcorper morbi tincidunt. Magna ac placerat vestibulum lectus mauris ultrices eros in cursus.

The recipe

A Facebook group member  wanted to know how to add an image and keep it pinned to the right in all screen sizes. This is what I did (excluded mobile).

  1. Create a container and set content to full width
  2. Add a 3/5 + 2/5 nested column layout.
  3. Set the background of the right column to the images of choice. Set padding, margin, and right column spacing to 0.
  4. set padding of the 3/5 column to 10vw left and right.
  5. Create a new container and layout the text the way you want using a 1/1 column and a 1/2+1/2 nested column. Save the container as a global element. This allows it to be easily adjusted if necessary.
  6. add the global element shortcode to the 3/5 column.
  7. Adjust as necessary.