# How to create dynamic columns in builder.io **URL:** \ **Category:** Technical Questions\ **Created:** [January 6, 2023, 10:09am UTC](https://forum.builder.io/t/how-to-create-dynamic-columns-in-builder-io/3048 "2023-01-06T10:09:33Z")\ **Posts on this page:** 3\ **Page:** 1
**Author:** ![samnagaraj](https://avatars.discourse-cdn.com/v4/letter/s/87869e/32.png) [@samnagaraj](https://forum.builder.io/u/samnagaraj)\ **Post date:** [January 6, 2023, 10:09am UTC](https://forum.builder.io/t/how-to-create-dynamic-columns-in-builder-io/3048/1 "2023-01-06T10:09:34Z")
**What are you trying to accomplish** We need to have dynamic columns in [builder.io](http://builder.io) based on the screen size 3 columns when the screen width is greater than 1599 and 2 column when the screen is less than 1599. Guide us how to acheive it **Code stack you are integrating Builder with** NextJS ---
**Author:** ![anon43891756](https://avatars.discourse-cdn.com/v4/letter/a/50afbb/32.png) [@anon43891756](https://forum.builder.io/u/anon43891756)\ **Post date:** [January 6, 2023, 11:40am UTC](https://forum.builder.io/t/how-to-create-dynamic-columns-in-builder-io/3048/2 "2023-01-06T11:40:40Z")
Hi @samnagaraj, and thank you for contacting [Builder.io Forum](https://forum.builder.io/)! Builder column block is automatically responsive for each breakpoint and adapts to any screen size by default. Related doc: 1. [Getting Started: Step 2 - Builder.io](https://www.builder.io/c/docs/getting-started-2) 2. [Adjusting Column Behavior - Builder.io](https://www.builder.io/c/docs/column-behavior) 3. [Using Columns to Build Responsively - Builder.io](https://www.builder.io/c/docs/columns) 4. [How to Make a Multi-column Section - Builder.io](https://www.builder.io/c/docs/multicol-section) For your scenario, you want different layout for each breakpoint. There’s multiple way to achieve this:- 1. Easy way to use Builder column block separately for each breakpoint with required layout and set device visibility to each in style tab. Refer this doc: [Builder best practices - Builder.io](https://www.builder.io/c/docs/best-practices) for hiding a block. 2. Another way, you change the wrapper component to Grid or Box and then use [CSS Flex-Box](https://css-tricks.com/snippets/css/a-guide-to-flexbox/) to achieve what you are going for. You can then use responsive styling to set the column layout for desktop/tablet/mobile to achieve the exact look you are going for. Let us know if you face any issues while achieving this! ---
**Author:** ![samnagaraj](https://avatars.discourse-cdn.com/v4/letter/s/87869e/32.png) [@samnagaraj](https://forum.builder.io/u/samnagaraj)\ **Post date:** [January 10, 2023, 7:52am UTC](https://forum.builder.io/t/how-to-create-dynamic-columns-in-builder-io/3048/3 "2023-01-10T07:52:41Z")
Thanks for your reply, We need more than 3 default breakpoint. Let us know how to setup?