making multiple column components...

User 3156750 Photo


Guest
187 posts

Hi all ~ I wanted to ask if there was a way to make one column larger than the others? I am looking to resize a dual column, with one side larger than the other (similar to how YouTube does their videos, but a very basic way.)

Thanks in advance!
User 122279 Photo


Senior Advisor
14,759 posts
Online Now

I guess by 'larger' you mean 'wider'?

You can use the element 'Two Columns', using either the CSS Grid or the Framework based version. With Grid it is actually quicker. Select the mentioned element and you get two columns with the same width. If you are building it 'mobile-first', I'd recommend letting the two columns sit stacked at the narrow end, and move past the first breakpoint. There, you open the 'Launch Grid Editor' (Style panel), and then you can edit the widths individually. Something like 70% - 30% perhaps?
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com



Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.