diff --git a/majak_uistyleguide/templates/patterns/molecules/menus/carousel.html b/majak_uistyleguide/templates/patterns/molecules/menus/carousel.html index 7905ce716efb2d03aa5629b991e84237124e16c9..c13170fbe3942300f309d9de7a59df41bcc98bdd 100644 --- a/majak_uistyleguide/templates/patterns/molecules/menus/carousel.html +++ b/majak_uistyleguide/templates/patterns/molecules/menus/carousel.html @@ -51,7 +51,7 @@ " style="box-sizing: border-box" > - <div + <h1 class=" {% block text_inner_wrapper_classes %} container--wide px-0 h-full flex flex-col justify-end items-start @@ -60,21 +60,21 @@ style="box-sizing: border-box" > - <h1 class="mb-4 px-5 flex flex-col text-black block lg:hidden"> + <div class="mb-4 px-5 flex flex-col text-black lg:hidden"> <div>{{ mobile_label_first }}</div> <div>{{ mobile_label_second }}</div> <div>{{ mobile_label_third }}</div> - </h1> + </div> - <h1 class="mb-4 px-5 flex flex-col text-black hidden lg:block"> + <div class="mb-4 px-5 flex-col text-black hidden lg:flex"> <div>{{ desktop_label_first }}</div> <div>{{ desktop_label_second }}</div> - </h1> + </div> <div class="ml-4 text-lg group"> {% include "patterns/atoms/buttons/round_button.html" with button_text=button_text %} </div> - </div> + </h1> </div> </div> </div>