refactor: update view structure in music productions index to improve semantic HTML by changing subtitle to a main heading and enhancing maintainability
This commit is contained in:
@@ -22,8 +22,8 @@
|
|||||||
<!-- /.row -->
|
<!-- /.row -->
|
||||||
<div class="flex flex-wrap mx-[-15px] !mt-10">
|
<div class="flex flex-wrap mx-[-15px] !mt-10">
|
||||||
<div class="md:w-10/12 lg:w-9/12 xl:w-9/12 xxl:w-8/12 w-full flex-[0_0_auto] !px-[15px] max-w-full !mx-auto !text-center">
|
<div class="md:w-10/12 lg:w-9/12 xl:w-9/12 xxl:w-8/12 w-full flex-[0_0_auto] !px-[15px] max-w-full !mx-auto !text-center">
|
||||||
<h2 class="!text-[0.85rem] !leading-[1.35] !tracking-[0.02rem] uppercase !text-[#aab0bc] !mb-3">{{ __('music_productions.meta-index-subtitle') }}</h2>
|
|
||||||
<h3 class="xl:!text-[2.4rem] !text-[calc(1.365rem_+_1.38vw)] font-semibold !leading-[1.15] !mb-5 xl:!px-14">{{ __('music_productions.meta-index-title') }}</h3>
|
<h1 class="xl:!text-[2.4rem] !text-[calc(1.365rem_+_1.38vw)] font-semibold !leading-[1.15] !mb-5 xl:!px-14">{{ __('music_productions.meta-index-title') }}</h1>
|
||||||
<p class="lead !text-[1.1rem]">{{ __('music_productions.meta-index-description') }}</p>
|
<p class="lead !text-[1.1rem]">{{ __('music_productions.meta-index-description') }}</p>
|
||||||
</div>
|
</div>
|
||||||
<!-- /column -->
|
<!-- /column -->
|
||||||
|
|||||||
Reference in New Issue
Block a user