Golden Ratio Contact form

Hello everyone,

I’m currently just building a website, just to learn the program and have a little fun.

I want to make a contact form using the golden ratio. The contact form consists out of three sections:

  • Message
  • Information
  • Map

If you look at a golden ratio image you can see a big square, this needs to be at the bottom and houses the Map section.
The smaller square above needs to be the Message section, and the rest (the rectangle) needs to be the Information section.

I’ve tried doing it using the grid block and I’ve tried normal Div blocks.

How do I get something like this to work? So each section consistently divides itself in the right amount of percentages?

Greetings,
Njitram


Here is my site Read-Only: LINK
(https://preview.webflow.com/preview/mbfurniture?utm_medium=preview_link&utm_source=dashboard&utm_content=mbfurniture&preview=7d1e57f01b5c33c4d3f88b935843d0c3&mode=preview)