Grid Layout confusion?

Community resources Product feedback
1

Hi!

I’m very new to Webflow so apologies in advance is this is a quick fix…

I’m trying to create a specific layout using the grid layout and what I have learnt so far from the Wefblow university videos (https://university.webflow.com/lesson/overlapping-content), I have set two rows (the top row with my logo is set to 15vh and the second row is set to 85vh). Please advise if this is correct or if there is a better way?

I have 3 columns which allows me to span across my logo into 2 rows to create the overlap. I notice that the image I have included seems to drop outside the grid (see attached).

I’m not sure if I have done this correct but I’d really love some feedback or a fix if possible.

Link here: https://preview.webflow.com/preview/faizals-new-project?utm_medium=preview_link&utm_source=designer&utm_content=faizals-new-project&preview=8b4d10be05a60694a350cf8991476e3e&mode=preview

Many thanks,
Best,
Faiz!

grid-layout_1|690x460

grid-layout
grid-layout1368×912 241 KB

2

try set 0.25fr and 0.75fr

3

Hi guoshuzhang,

Many thanks for your prompt reply and video!

So I’ve tried to adjust but it seems I’m still having the same issue, but not as much! Please see video Webflow Faizal's New Project - YouTube

Many thanks!

4

but in my screen look normal.

image
image1920×969 305 KB

5

I’m not sure what the issue here is?

I have applied the settings you advised - https://preview.webflow.com/preview/faizals-new-project?utm_medium=preview_link&utm_source=designer&utm_content=faizals-new-project&preview=8b6030b53a6cf2f7d29effdf9507bcf7&mode=preview

6

I had to tweak this a few times but it has fixed the issue.

Many thanks!