Join the Webstudio community

Updated 11 months ago

columns Component

At a glance

The community members discussed the need for a quick and responsive way to add two or three column components. One community member suggested using a grid system to achieve this functionality and more. Another community member proposed using a flex container and flex items, which could be set up quickly and reused. A third community member thought a pre-made multi-column flex section template in a marketplace could be a good solution. Additionally, a community member provided a link to a cloneable version of the column layout, though users would need to account for their own breakpoints.

Useful resources
we need the ability to drop in a two or three column component quickly that are already responsive
Attachment
Screenshot_2024-03-05_at_6.58.43_PM.png
M
J
O
4 comments
I believe that having the ability to add a grid and visually change the grid layout, would help achieve this functionality and much more.
You could also build that very quickly with a flex container and a few flex items. Just keep a blank ready to go for each situation and copy/paste. It would take under 5 minutes the first time and second every time after.
I think this could be a good fit for a section template in the marketplace where each section is a pre-made multi-column flex
https://apps.webstudio.is/builder/de687019-4792-4907-b926-baf6ea5aee34?authToken=7dfcdb42-08bc-4f8a-9ab1-2911b5011d00&mode=preview Here's a quick cloneable version of those columns. You'll need to account for your own break points.
Add a reply
Sign up and join the conversation on Discord