diff --git a/majak_uistyleguide/templates/patterns/organisms/header/district/center_header.html b/majak_uistyleguide/templates/patterns/organisms/header/district/center_header.html index 7a7b062b7f08de60c389b5e82b3bc5f888c0d789..4f245ddab2c1a4ecfb2a4ce909889e76ee93f1a8 100644 --- a/majak_uistyleguide/templates/patterns/organisms/header/district/center_header.html +++ b/majak_uistyleguide/templates/patterns/organisms/header/district/center_header.html @@ -24,7 +24,13 @@ id="address-popup" data-is-open="false" > - <div class="container--wide flex justify-between"> + <div + class=" + container--wide flex flex-col gap-4 + + lg:flex-row lg:justify-between + " + > <div class="prose prose-black leading-6" > @@ -43,9 +49,12 @@ </address> </div> - <img - src="https://picsum.photos/536/354" - > + <div class="w-full lg:w-[35rem]"> + <img + class="w-full" + src="https://picsum.photos/536/354" + > + </div> </div> </div> diff --git a/majak_uistyleguide/templates/patterns/organisms/header/elections/simple_header.html b/majak_uistyleguide/templates/patterns/organisms/header/elections/simple_header.html index 78970edf7dfa651567efa2ea92ff74eed704bef9..455f20f941119b142bd55027e412e6eea210460c 100644 --- a/majak_uistyleguide/templates/patterns/organisms/header/elections/simple_header.html +++ b/majak_uistyleguide/templates/patterns/organisms/header/elections/simple_header.html @@ -14,7 +14,7 @@ {% if is_short %}head-short{% endif %} {% if description %} - head-8xl + {% if title|length <= 100 %}head-8xl{% else %}head-7xl{% endif %} {% else %} head-14xl {% endif %}