Essentially I’m just asking how using the column element in builderio to make two columns of different sizes, I have two columns who I’ve emptied the space between and want to make one smaller and the other larger, but if I use margins or padding it botches the view on mobile, any help appreciated thanks.
Hi @flinnbella,
Thank you for reaching out.
Yes, you can absolutely use the two-column option in Builder.io. You also have the flexibility to adjust the size of each column. Since the layout is responsive, these changes will not affect the mobile view.
To do this, simply drag in the two-column layout. You can adjust the column sizes by dragging the divider in the center. Alternatively, you can fine-tune the size of each container using the margin and padding controls on the right-hand panel. Please note that while this allows for precise adjustments, it may affect the overall aesthetics if not done carefully—especially since the outer box dimensions remain the same, and only the inner elements shift:
For a clearer understanding, I’ve shared a Loom video with you.
Please let me know if you have any further questions!
Best regards,
Rahul Joshi