Help Center

Help Center quick links

How do I add a photo inside a grid?

Using a grid is an effective way to start your design. Not only do grids help you cleanly divide your design into sections, but you can drag any photo into a grid and it will automatically crop to fit.

Here’s how to get started with grids:

Click the Elements tab

Click the Elements tab on the far left-hand side of the screen, then click the grids folder to display our inventory of different grids. We have lots of different options, from single image placeholders to grids that can hold many different images in a variety of layout combinations.

Select a grid

To add a grid to your design, simply click on the grid element. By default, the grid will be added so that it takes up the whole page, but you can always resize your grid so that it only covers a portion of the page.

Add a photo to the grid

Now that you have an empty grid, it’s time to start adding elements. To add a photo, either click the Elements tab and find a photo you like, or use one of your own under the Uploads tab. Then click and drag the photo into a grid space.

Adjust the photo

When you add a photo element to a grid, we’ll automatically crop it for you. But you can always adjust how a photo is cropped in a grid. To re-crop a photo, click the grid space you’d like to adjust to select it and open its edit menu, then press the crop button. Alternatively, just double-click the grid space.

Crop the photo

We’ll then show you the full photo, both the cropped and uncropped portion. Click and drag the resize anchors to scale the image, or click and drag the element itself to move it within the grid space. You can also drag the corner of your image to make it larger or smaller. Once the image is cropped, click the Check Mark button.