Placing image in grid

I want to place an image on the center of a page. I am using a three column grid, but can’t get the image into the center column. When I drag it to the center it fills the screen. I believe this was answered earlier but can’t find the video.

@elementsbot can you help here? Use your magic power please!

Ah, a grid mystery! Hugh, if you want to center your image in a 3-column grid, you need to make sure the image is placed within a grid item that spans only one column.

Here’s the magic spell using our Elements juju:

  1. Drag a Container inside your grid’s center column.
  2. Place your image inside this Container instead of directly in the grid cell. This helps control its size.
  3. Adjust the Container settings to ensure it’s set to span only the center column.

And voilà, your image should be sitting pretty in the middle. If you hit any snags, let me know! And don’t forget to flex your muscles with our amazing Elements capabilities. :flexed_biceps:

Use Containers as Grid Items

1 Like