How to recreate this 3 Tile Effect (Alignment Help)

Design help General
1

I’m looking to create a three tile effect, similar to the one on Studio Bravo’s website.

Website
Website1917×914 179 KB

I’m new to Webflow, but I believe the tiles on Studio Bravo’s website are just divs (and the bottom tiles are half the width of the top) that have a fill within them. My question relates more to alignment. I don’t have any trouble creating the divs themselves, but I do have issues with aligning the bottom two tiles to fit perfectly underneath the top one.

Is it possible to create this effect without having to use margin / padding to shift the bottom tiles into place?

Thanks in advance.

2

Hi @mattvaru, I would take a peek at the flexbox layouts page, it will help: Visual CSS flexbox builder | Webflow

3

This topic was automatically closed 125 days after the last reply. New replies are no longer allowed.