I come from a decent bit of experience with Webflow. Thus, I was quite thrilled to see a responsive control setup (max-width, min-width, etc) virtually identical to Webflow’s here. Unfortunately, it doesn’t seem to work correctly in Composer, specifically, when I align the white base containers to the center.
For example, I’m building a responsive web app to start. This is what it currently looks like with proper responsiveness implemented on desktop. The white base containers are currently aligned to the left. Note the circled areas:
Here’s what it looks like from the mobile view (iPhone; same settings):
Pretty much correct, size-wise. The problem with the first image is that the white base containers only work with the responsive setting when align to the left, for example. I’d like those containers centered for the desktop view and, when I do that, this happens:
The containers shrink back to their min-width rather than staying at their full possible size. Now, I know this has to do with “Align Self” no longer be set to “Stretch horizontally to fill the container width”, but rather, “Align this horizontally to the middle”. But is there a way to align those base containers to the center and have it respect the desired max-width AND shrink accordingly in a mobile view?
So I’m curious. What am I missing here. Do note that the reason this worked in, say, Webflow, is because you would nest containers inside page sections. Those page sections could then be set to align all objects inside them to the center, for example. I don’t see any such functionality here, so I assume page sections aren’t used in composer. There also doesn’t appear to be a setting for the actual “Page” entity itself (the blue field) to align all objects in it to the center.
I’m not sure if this is a bug, or if I’ve failed to take something into consideration, or if it just isn’t currently possible. Any advice appreciated. Thank you!