[Typhoon] Hero image bottom aligned with min-height

Hi there grav community!

I’m fiddling around with grav, the typhoon theme and tailwindcss for a while now, adjusting the typhoon theme to me needs.

One thing i really can’t wrap my head around is adjusting the hero’s background image properties. I think this is mostly a tailwind question though:
The hero image height is depending on the content (title, content, …). I would like to
a) have the background-image always ‘bottom-aligned’, meaning it only cuts off at the top with the bottom always visible.
b) having a minimum height even if there is almost no content (e.g. a one-line header). For example showing always 50% height at minimum.

I tried out many different tailwind classes without luck for the hero section:

It would be really awesome if someone could give me a hint in the right direction how to achieve this.


@GrIIIe, There is a dedicated “help desk” for Premium users: GitHub - getgrav/grav-premium-issues: Official Grav Premium Issues repository to report problems or ask questions regarding the Premium products offered.

1 Like