Content max. 1024px

I am desperate. I want a container with a maximum width of 1024px, centered on the screen, and I want to place all further containers inside it so that they do not extend beyond this width. So I created a container called “Browser”, and inside it a container called “1024px”, which should have a maximum width of 1024px. All further containers with menu, image, and text are now inside this “1024px” container. These should fully fill the “1024px” container. The “Browser” container has content layout Auto/Auto and sizing Auto/Auto. The “1024px” container has sizing Max 1024px. How can I ensure that embedded containers take up the maximum width, and that everything is always centered when the screen is larger?

not sure if this is what you wanted, 10mins work so you would need to check

tried to drop in view of the included components, anyway nice little challenge even if not what you wanted

I did add some padding and borders

project

elementsapp://downloadDocument/VkjRZvRDqmVV

makes it a lot quicker with all the resources :rofl:

Thanks. Thant works and i have understand it after reading the manual. Sorry. The jumping stops if i set the content layout width to full.

1 Like