Register

Can I put Images side by side on the Landing Page Designer?

Avatar
Moosend Support Team
When designing your landing page using our Landing Page Designer, you will start by adding at least one empty Container that will divide the blank space into different rows. To place images on the same row, or side-by-side on your design, you must use one of those Containers which allow the placing of Elements on a horizontal axis. These are:
  • Half Width Container
    This row is divided in two equally sized vertical slots.

  • 1/3 - 2/3 Container
    This row is divided in two vertical slots, with the first having half the width of the second.

  • 2/3 - 1/3 Container
    This row is divided in two vertical slots, with the first having twice the width of the second.

  • 3 x 1/3 Container
    This row is divided in three equally sized vertical slots.

  • 4 x 1/4 Container
    This row is divided in four equally sized vertical slots. 

Let's see an example of how this is done in practice:

1. Drag-n-drop a Half Width Container onto the designated area.
Landin_gpages-Can_I_add_imges_side_by_side_1.png

You can of course choose whichever container, from the above list, best fits your design requirements.

2. Choose the Elements option, located on the left side of your Landing Page Designer page.
Landing_pages-Can_i_add_images_side_by_side_2.png


3. Drag-n-drop an Image element onto the left half of the Half Width Container.
Landing_pages-Cai_I_add_images_side_by_side_3.png


4. Drag-n-drop an Image element onto the right half of the Half Width Container.
Landing_pages-Can_I_add_images_side_by_side_4.png

You will now have two Image Elements, waiting side-by-side to be designed as you see fit. You can choose different containers that allow for the placement of more than two elements of any type. 

Make sure that you learn more about how to utilize the Image elements to their fullest, to bring your design to completion.