# Flex query loop - container sizing issue on non base breakpoints

**URL:** <https://forum.bricksbuilder.io/t/flex-query-loop-container-sizing-issue-on-non-base-breakpoints/1739>\
**Category:** Uncategorized\
**Tags:** container\
**Created:** [January 11, 2022, 5:09pm UTC](https://forum.bricksbuilder.io/t/flex-query-loop-container-sizing-issue-on-non-base-breakpoints/1739 "2022-01-11T17:09:48Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![ocbroadband](https://forum.bricksbuilder.io/user_avatar/forum.bricksbuilder.io/ocbroadband/32/1335_2.png) [@ocbroadband](https://forum.bricksbuilder.io/u/ocbroadband)\
**Post date:** [January 11, 2022, 5:09pm UTC](https://forum.bricksbuilder.io/t/flex-query-loop-container-sizing-issue-on-non-base-breakpoints/1739/1 "2022-01-11T17:09:48Z")

</div>

**Bricks Version** : 1.3.7-Beta  
**Browser** : Chrome 96 /Firefox Dev  
**OS** : Win  
**URL** :

1. On the back-end of the site, I have a post loop setup with flex to show 2 columns(40% to accommodate spacing) at the base break-point. [https://prntscr.com/26cilw1](https://prntscr.com/26cilw1)
2. Switching to mobile break-point, and change the percentage to 100%, and it does not reflect a single column as expected, but reverts to 3 columns. [https://prntscr.com/26cimdd](https://prntscr.com/26cimdd)

Front end displays the same as the back-end.

---

<div class="post-metadata">

**Author:** ![matejmohar](https://forum.bricksbuilder.io/letter_avatar_proxy/v4/letter/m/a8b319/32.png) [@matejmohar](https://forum.bricksbuilder.io/u/matejmohar)\
**Post date:** [January 11, 2022, 10:11pm UTC](https://forum.bricksbuilder.io/t/flex-query-loop-container-sizing-issue-on-non-base-breakpoints/1739/2 "2022-01-11T22:11:53Z")

</div>

I just wanted to open a ticket. I have similar issue.  
I have a container with two columns nad the left column have 2 rows. When I have on not base breakpoint, the two rows takes 100% width.

---

<div class="post-metadata">

**Author:** ![ocbroadband](https://forum.bricksbuilder.io/user_avatar/forum.bricksbuilder.io/ocbroadband/32/1335_2.png) [@ocbroadband](https://forum.bricksbuilder.io/u/ocbroadband)\
**Post date:** [January 11, 2022, 10:27pm UTC](https://forum.bricksbuilder.io/t/flex-query-loop-container-sizing-issue-on-non-base-breakpoints/1739/3 "2022-01-11T22:27:55Z")

</div>

@matejmohar Gee, that’s what I want to happen on mine. 2 columns on base, and 1 column on Mobile. Standard reduction in columns so they fit.

---

<div class="post-metadata">

**Author:** ![matejmohar](https://forum.bricksbuilder.io/letter_avatar_proxy/v4/letter/m/a8b319/32.png) [@matejmohar](https://forum.bricksbuilder.io/u/matejmohar)\
**Post date:** [January 11, 2022, 10:57pm UTC](https://forum.bricksbuilder.io/t/flex-query-loop-container-sizing-issue-on-non-base-breakpoints/1739/4 "2022-01-11T22:57:34Z")

</div>

You definitely don’t want what happend on my test page 🙂 . The columns didn’t break correctly as intended, but just override one another. Too bad that I already delited 3.6.7 beta version, so I can not give the screenshot anymore. Maybe I will set up it again and I will give more info.