Q IMG expands container

[lazaroofarrill]

Im trying to make a responsive two view layout.
I have a row that shows two equal sized containers. One of them holds am img. When in vertical mode they are supposed to be shown one on top of the other, but the one in the top when it has an img increases its size shrinking the second view. Any help would be much appreciated.

[dobbel]

@lazaroofarrill

Please create a codepen.io to demo your problem so that people here can provide better support ( simple by using one of quasar’s example codepens)

[lazaroofarrill]

@dobbel Never made a codepen before don’t know if this is right way to share it.
https://codepen.io/lazaroofarrill/pen/LYbxpJx

[dobbel]

@lazaroofarrill

Yes very good codepen, that makes it much more clear.

I switched from flex column mode to row mode:
https://codepen.io/ontwikkelfabriek/pen/JjbErrx?editors=111

[lazaroofarrill]

@dobbel but the picture still shrinks the second container when in vertical mode

[dobbel]

@lazaroofarrill

yes, that is desired behavior most of the time , because the height of the container will adapt to the content inside.

What would you want to happen?

[lazaroofarrill]

@dobbel i want the first and second container to be always the same size to have a dual view. I don’t want the image to grow more than the deafult size of the container.

[dobbel]

@lazaroofarrill

A bit hacky but something like this?
https://codepen.io/ontwikkelfabriek/pen/JjbErrx?