fix: show cover image on all screen sizes
This commit is contained in:
@@ -1,5 +1,5 @@
|
|||||||
<div
|
<div
|
||||||
class="h-[calc(100dvh-76px)] md:h-[calc(100dvh-108px)] bg-[#EAEFFA] md:bg-[url(/images/tatabanya.jpg)] md:bg-cover md:bg-blend-overlay md:bg-ejc-dark-blue/50 flex flex-col justify-center items-center">
|
class="h-[calc(100dvh-76px)] md:h-[calc(100dvh-108px)] bg-[url(/images/tatabanya.jpg)] bg-cover bg-blend-overlay bg-ejc-dark-blue/50 flex flex-col justify-center items-center">
|
||||||
<div
|
<div
|
||||||
class="container flex flex-col justify-center items-center px-5 gap-6 md:flex-row md:justify-around xl:max-w-315 md:px-0">
|
class="container flex flex-col justify-center items-center px-5 gap-6 md:flex-row md:justify-around xl:max-w-315 md:px-0">
|
||||||
<img
|
<img
|
||||||
@@ -9,7 +9,7 @@
|
|||||||
<div
|
<div
|
||||||
class="flex flex-col justify-center items-center gap-6 md:gap-7.5 md:items-start">
|
class="flex flex-col justify-center items-center gap-6 md:gap-7.5 md:items-start">
|
||||||
<div
|
<div
|
||||||
class="text-ejc-dark text-2xl xs:text-[30px] font-extrabold leading-[130%] text-center md:text-left md:text-[45px] lg:text-[60px] md:text-white">
|
class="text-2xl xs:text-[30px] font-extrabold leading-[130%] text-center md:text-left md:text-[45px] lg:text-[60px] text-white">
|
||||||
2026 European Junior<br />Championships
|
2026 European Junior<br />Championships
|
||||||
</div>
|
</div>
|
||||||
<div
|
<div
|
||||||
|
|||||||
Reference in New Issue
Block a user