#8765 [mB] Redesign frontend: Opener: Image with Aside and detail Project

[mcastro-lqd]

URL: https://meinberlin-design-dev.liqd.net/projekte/testing-tile-in-map-upcoming/
user: all
important screensize: Desktop
device & browser: Safari Version 18.1.1 (20619.2.8.11.12) /Chrome
Comment: Can we display the info like the component when the text isn't long enough?

Also the image size seems a bit off:

https://styleguide.berlin.de/patterns/13-vertical_shop-page-herounit-image-with-aside/13-vertical_shop-page-herounit-image-with-aside.html

[hom3mad3]

@mcastro-lqd @Anastasiia3040 I increased the height of the hero to make sure everything fits well and has enough breathing room. The image takes up 50% of the screen width on purpose to give the content more space and balance things out better. Otherwise, there wouldn’t be enough space for the text, and everything would look cramped in our different use cases.

I also went with a custom component instead of the BO one since it was too different, giving us more flexibility.

For the buttons, I know you wanted more space when the description is short. The issue is that adding too much space would affect all variations, even when the content naturally fills the space. My plan is to add a minimum spacing rule to keep things consistent without overdoing it. We could also tweak the design a bit to make sure the buttons feel in place no matter the content size.

cc @sblindow @CarolingerSeilchenspringer