Add bg color, padding top on mobile
This commit is contained in:
parent
3578e1f494
commit
62517caa4d
|
@ -8,7 +8,7 @@ const navigation = [
|
||||||
|
|
||||||
export const Hero = () => {
|
export const Hero = () => {
|
||||||
return (
|
return (
|
||||||
<div className="relative overflow-hidden h-screen bg-world-trading bg-cover">
|
<div className="relative overflow-hidden h-screen bg-world-trading bg-cover bg-gray-900">
|
||||||
{/* <div className="absolute w-full h-full overflow-hidden bg-world-trading bg-cover bg-gray-900 z--1" /> */}
|
{/* <div className="absolute w-full h-full overflow-hidden bg-world-trading bg-cover bg-gray-900 z--1" /> */}
|
||||||
|
|
||||||
<Popover as="header" className="relative">
|
<Popover as="header" className="relative">
|
||||||
|
@ -36,7 +36,7 @@ export const Hero = () => {
|
||||||
</Popover>
|
</Popover>
|
||||||
|
|
||||||
<main>
|
<main>
|
||||||
<div className="pt-10 sm:pt-16 lg:pt-8 lg:pb-14 lg:overflow-hidden">
|
<div className="pt-40 sm:pt-16 lg:pt-8 lg:pb-14 lg:overflow-hidden">
|
||||||
<div className="mx-auto max-w-7xl lg:px-8">
|
<div className="mx-auto max-w-7xl lg:px-8">
|
||||||
<div className="lg:grid lg:grid-cols-2 lg:gap-8">
|
<div className="lg:grid lg:grid-cols-2 lg:gap-8">
|
||||||
<div className="mx-auto max-w-md px-4 sm:max-w-2xl sm:px-6 sm:text-center lg:px-0 lg:text-left lg:flex lg:items-center">
|
<div className="mx-auto max-w-md px-4 sm:max-w-2xl sm:px-6 sm:text-center lg:px-0 lg:text-left lg:flex lg:items-center">
|
||||||
|
|
Loading…
Reference in New Issue
Block a user