Add bg color, padding top on mobile

This commit is contained in:
jahooma 2021-12-02 15:28:59 -06:00
parent 3578e1f494
commit 62517caa4d

View File

@ -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">