website: fix hero layout for small height screens (#2609)

This commit is contained in:
M Sarmad Qadeer authored and GitHub committed 2023-06-24 14:39:06 +01:00
1 parent 6da18d9b2a
commit 9caaab0e8e
2 files changed
+30 -16

No files matched your search

+1 -1
View File
@@ -1,7 +1,7 @@
<div class="first-two-sections pt-[66px] bg-white dark:bg-gradient-radial-mobile dark:lg:bg-gradient-radial">
<div class="md:flex md:flex-col-reverse md:items-center xl:flex xl:flex-row xl:items-start relative xl:justify-between xl:gap-10 container">
<div class="">
<section class="xl:h-[calc(100vh-66px)] xl:max-h-[888px] m-auto w-full flex items-center justify-between landing-page-header px-5">
<section class="xl:h-[calc(100vh-66px)] hero-section-1 xl:max-h-[888px] m-auto w-full flex items-center justify-between landing-page-header px-5">
<div class="xl:h-full flex flex-col items-center xl:items-start xl:justify-around w-full landing-page-header-div">
{# <img class="static-phone-tablet hidden md:block xl:hidden" src="/img/new/tab-hero.svg" alt="" /> #}
<img class="static-phone-mobile md:hidden" src="/img/new/mobile-hero.png" alt="" />