Fixed styles
This commit is contained in:
parent
8cbdc1a6e4
commit
b2cb399e79
@ -12,14 +12,14 @@ export const HeroSection = () => {
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<section className='relative'>
|
<section className='relative'>
|
||||||
<div className='relative h-[500px] w-full overflow-hidden bg-black sm:h-[500px] xl:h-[700px]'>
|
<div className='relative h-[550px] w-full overflow-hidden bg-black sm:h-[500px] xl:h-[650px]'>
|
||||||
<div
|
<div
|
||||||
style={{
|
style={{
|
||||||
width: '100%',
|
width: '100%',
|
||||||
height: '90%',
|
height: '50%',
|
||||||
position: 'absolute',
|
position: 'absolute',
|
||||||
top: -60,
|
// top: -60,
|
||||||
right: 20,
|
// right: 20,
|
||||||
}}
|
}}
|
||||||
className='sm:!top-0 sm:!right-20 sm:!h-[70vh] sm:!w-[100vh]'
|
className='sm:!top-0 sm:!right-20 sm:!h-[70vh] sm:!w-[100vh]'
|
||||||
>
|
>
|
||||||
@ -36,7 +36,7 @@ export const HeroSection = () => {
|
|||||||
<div className='container mx-auto'>
|
<div className='container mx-auto'>
|
||||||
<div className='max-w-lg space-y-4 text-white'>
|
<div className='max-w-lg space-y-4 text-white'>
|
||||||
<div className='animate-fade animate-duration-[3000ms] animate-ease-in-out'>
|
<div className='animate-fade animate-duration-[3000ms] animate-ease-in-out'>
|
||||||
<h1 className='text-4xl font-bold tracking-tight md:text-6xl'>
|
<h1 className='text-5xl font-bold tracking-tight md:text-6xl'>
|
||||||
{t('home.hero.title')}
|
{t('home.hero.title')}
|
||||||
</h1>
|
</h1>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user