-
Hello. I wanted to create something similar to this website (see middle of the page, solid purple section with three columns for their steps in the process and a man standing on a rocketship holding a flag).
I think I know what to do to create everything except how to insert my illustration so it responds the same way this website does (on desktop, tablet and mobile). Can you let me know how to do this or point me in the right direction to figure it out?
-
Hi there,
I’m not entirely sure how the illustration is positioned, but the general idea is that you can replicate it by setting the image’s position to absolute and adjusting the inset (top, right, bottom, left) values to place it exactly where you want.
It’s a bit tricky to explain without seeing it, but if you’ve already set up the illustration and section, I’d be happy to guide you through it based on your current setup.
-
Ok, thanks. I should have the page put together by the end of the week and once ready I’ll circle back.
-
Sure, let us know 🙂
-
So I lied, I can’t even create the grid in GB 2.0. Previously you hit grid and it gave you the option to create 2, 3, 4 etc. So right now I have a outer container, inner container then set up a three grid container? If so how do I get the grid fuction to work?
-
I don’t quite get it. When you add a Grid v2 block, the columns option would show in the right sidebar, then you just choose the columns you want.
https://app.screencast.com/7VPlisaNrLLXRLet me know if I miss anything!
-
Ok thanks. How do you set the percentage size of each grid container in v2?
-
Hi there,
You can set the width of the grid item containers using the
Grid Template Columnsfield under Layout > Grid Layout.For example, if your grid contains two inner containers and you want the first item to take up 70% and the second 30%, select the Grid block and enter this in the Grid Template Columns field: https://cln.sh/lq6y6sHt
- You must be logged in to reply to this topic.