CSS Display stopped working in new version

Hi

had a discussion with @Bon 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.

Old topic

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

Size XL Without Sidebar

Size XL With Sidebar

CSS on the element

image

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

You can share Elements projects via Elements Cloud :slight_smile:

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 :man_facepalming:

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?

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.

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?

1 Like

ok now understood. Thanks @handshaper