I created a row container for sign up in the center of a page with min width of 320 and max of 960, with padding of 20 px all around and a gap of 40px between columns. Then inside the container, I placed two containers, one to the left with a picture and text that says Sign in, and one to the right for the input data (name, email, etc.). When i make the screen smaller than 640, the two columns (the two containers inside) start getting very narrow. I want to move the right hand container to the bottom (the main container becomes a column container instead of a row container). How can I do this? (ps. I didn’t find a condition for my main container that says switch from Row to Column.)
1 Like
If I understand correctly, just set a minimum width for the 2 containers inside the main row container. They will stack automatically when they can’t get any narrower. (You are correct that a container’s layout type can’t be changed dynamically.)
1 Like