Grid image gallery?

Design help General
1

I’m try to build a website and playing with WEBFLOW and it’s very great.
I can’t find grid image gallery. I have mo coding skills, so is there a possibility to made something like this? Elements – Grid Photo Gallery + – Kallyas Demo
thank you for your help!

2

Have you looked at webflow’s explainer videos yet?
I recommend this one where they teach you how to use a grid: (Newer lesson available — see description) CSS grid: release 2.0 — grid-based layouts in Webflow - YouTube

3

I’d say the easiest way to achieve that grid look is:

  1. create a grid with the amount of rows and columns you need
  2. set the space in between rows and columns to 0
  3. put a div block into each cell
  4. Give div blocks a certain hight or width
  5. give each div block a background image (image you want to be displayed in the grid)
    OR instead of step 4 and 5 just drag images into the div blocks
  6. make div blocks expand over several cells (as shown in the video at 4:12) to achieve the look you want

:slight_smile:

4

Also this video: Spanning sparkling water flavors in a ROYGBIV grid - YouTube

5

You’re amazing Amelie! Thank you!!!

2 Likes
6

Glad I could help :slight_smile: