fix: container layout for firefox

This commit is contained in:
Varun Dhand
2023-11-01 03:56:48 +05:30
parent 6940a75591
commit 353e24f1c5
2 changed files with 15 additions and 1 deletions

View File

@@ -123,7 +123,7 @@ export default function Hero({ className = '' }: { className?: string }) {
{/* third */}
<div className=" rounded-[50px] bg-gradient-to-l from-[#6EE7B7]/80 via-[#3B82F6] to-[#9333EA]/50 p-1 md:rounded-tl-none md:rounded-bl-none ">
<div
className={`rounded-[45px] bg-white p-${
className={`firefox rounded-[45px] bg-white p-${
isMobile ? '3.5' : '6 px-6 '
} lg:rounded-tl-none lg:rounded-bl-none`}
>

View File

@@ -364,3 +364,17 @@ template {
color: #9ca3af;
opacity: 1;
}
/* third container laylout for Firefox */
@-moz-document url-prefix() {
.firefox{
padding: 32px;
}
}
/* For screens with a maximum width of 768px (mobile) */
@media (max-width: 768px) {
.firefox {
padding: 16px;
}
}