# CSS Display stopped working in new version

**URL:** <https://forums.realmacsoftware.com/t/css-display-stopped-working-in-new-version/46356>\
**Category:** Elements\
**Created:** [February 20, 2025, 3:17am UTC](https://forums.realmacsoftware.com/t/css-display-stopped-working-in-new-version/46356 "2025-02-20T03:17:59Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![Beblebroks](https://avatars.discourse-cdn.com/v4/letter/b/db5fbb/32.png) [@Beblebroks](https://forums.realmacsoftware.com/u/Beblebroks)\
**Post date:** [February 20, 2025, 3:17am UTC](https://forums.realmacsoftware.com/t/css-display-stopped-working-in-new-version/46356/1 "2025-02-20T03:17:59Z")

</div>

Hi

had a discussion with @ben about visibility. I realized that stopped working in elements in the new release. Actually its not the visibility. It looks like there is a intermediate step between XL and LG.

I might have an error on the containers. But not sure how to fix that.

I see the same effect in the browser. First I thought XL not equal XL if Elements does not have enough space.

 ![image](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/7/0/7017fe6f8c7b92a14ecb69a6e0f4477a0f6db36d.png)

[Old topic](https://forums.realmacsoftware.com/t/components-props/46330/6)

---

<div class="post-metadata">

**Author:** ![Beblebroks](https://avatars.discourse-cdn.com/v4/letter/b/db5fbb/32.png) [@Beblebroks](https://forums.realmacsoftware.com/u/Beblebroks)\
**Post date:** [February 20, 2025, 5:14am UTC](https://forums.realmacsoftware.com/t/css-display-stopped-working-in-new-version/46356/2 "2025-02-20T05:14:52Z")

</div>

Here it might be better to see what I mean. The same behaviour also in the browser.

**Size XL Without Sidebar**

 ![Screenshot 2025-02-20 at 13.08.50](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/3/5/35def6376943df85e3c453fc0f41c91ddfd32522.png)

**Size XL With Sidebar**

 ![Screenshot 2025-02-20 at 13.08.37](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/0/2/023430119f08800f9a655016109e6c77382ec380.png)

**CSS on the element**

![image](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/5/2/52eebecc34606481e8b9e6a27369b032ba45df41.png)

---

<div class="post-metadata">

**Author:** ![ben](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/ben/32/28488_2.png) [@ben](https://forums.realmacsoftware.com/u/ben)\
**Post date:** [February 20, 2025, 8:38am UTC](https://forums.realmacsoftware.com/t/css-display-stopped-working-in-new-version/46356/3 "2025-02-20T08:38:48Z")

</div>

if you could share an example project with this issue I could take a look 🙂

You can share Elements projects via [Elements Cloud](https://docs.realmacsoftware.com/elements-docs/elements-cloud/account-sign-up) 🙂

---

<div class="post-metadata">

**Author:** ![Beblebroks](https://avatars.discourse-cdn.com/v4/letter/b/db5fbb/32.png) [@Beblebroks](https://forums.realmacsoftware.com/u/Beblebroks)\
**Post date:** [February 20, 2025, 5:28pm UTC](https://forums.realmacsoftware.com/t/css-display-stopped-working-in-new-version/46356/4 "2025-02-20T17:28:26Z")

</div>

Ok I figured out the problem. I had on the `lg` level a wrong setting for the flex box. The problem was not the `divider` 🤦‍♂️

BUT …

What I realized is based on the screenshot above I should be on “XL” size and because with all the side bars open and I do not have the space for XL I see a “lg” preview.

Would that make sense to indicate that somehow?

---

<div class="post-metadata">

**Author:** ![handshaper](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/handshaper/32/27373_2.png) [@handshaper](https://forums.realmacsoftware.com/u/handshaper)\
**Post date:** [February 21, 2025, 2:52am UTC](https://forums.realmacsoftware.com/t/css-display-stopped-working-in-new-version/46356/5 "2025-02-21T02:52:23Z")

</div>

> [@Beblebroks](#):
>
> Would that make sense to indicate that somehow?

I’m not sure if I understood your question. But there is a display at the bottom right of the editor that indicates what breakpoint you are on and whether it is being scaled or not.

 ![CleanShot 2025-02-20 at 16.50.04@2x](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/2/1/2133f0159ddfe7a8bdce44a398be46902db1e158.png)

In this expample it is being scaled to 90% because there is not enough room for the full breakpoint.

Is this what you were looking for?

---

<div class="post-metadata">

**Author:** ![Beblebroks](https://avatars.discourse-cdn.com/v4/letter/b/db5fbb/32.png) [@Beblebroks](https://forums.realmacsoftware.com/u/Beblebroks)\
**Post date:** [February 21, 2025, 4:18am UTC](https://forums.realmacsoftware.com/t/css-display-stopped-working-in-new-version/46356/6 "2025-02-21T04:18:20Z")

</div>

ok now understood. Thanks @handshaper
