Hello all. I am getting somewhere with the program but I encountered something new....

I have a row with a column and 3 containers
The column is a flex so that it will be easy to manage for small screens (from row to column alignment)

Everything works fine but.... I added a map to each container and I would like to align these mapstoo, now they are all at a different height. is it possible to vertically align the maps (within a HTML element) to the bottom? Setting vertical alignment of the HTML element to bottom did not help

Below the image:

http://www.runpower.nl/rommel/site-1.jpg

Thanks!!

Try
set the containers to position display = flex
direction = column
items = stretch
content = stretch

Yep did that but the maps simply are nearly aligned as on the image
I also tried something with a subgrid and a container with alignment button. Nope.

Would it be possible for you to zip up your project file and post it here? Then we could play with it and see f we can find a solution for you.

That would be great. Will do tomorrow. I am in bed and still thinking about it haha

I wonder if I've got it right here...

I had just one column with 6 containers. The lower pictures are supposed to represent the maps. On smaller screens I have put them in an order so that the correct map should follow the address it belongs to.
I guess you need to give the containers some padding. Careful with margins! If you use margins, you may have to adjust the %age width of the containers.

Hi Max you could always change the design a bit

put the map below the property title or put the property title above the large image and the map below the large image, that way the containers will all appear to be same height.

But of course that is a design change you might not like.

INGER
something goes amis at the lower breakpoints, maybe just needs a little bit tweeking (im off soon on my journey so not really got the time to look at it in detail.)

Wayan

By the way to do that in RFF would be a doddle (allows for stacked containers etc) maybe if the new version of RSD has the facility for stacking containers, then it will be easy to change back to your original design.)

If you mean that the third 'column' goes into the middle, that is intended. I had to set it wider than 50%, otherwise the 'map' would have placed itself beside the image and text, not below it. But of course, the paragraph of text can be reduced in width.

Sorry was just a quick look

I'm awaiting connecting flights, (delays and more delays)

Had time to have a better look and have come up with something,, take a look see what you think


The map images I have outlined in black so you can see them better

here is version2 with better responsive views at lower end