bugfix - styling

This commit is contained in:
James Wyndham 2024-03-21 08:53:18 +08:00
parent b3a27c3f79
commit 37d1cedb30
2 changed files with 3 additions and 3 deletions

View File

@ -32,7 +32,7 @@ export default function Header({ isUserLoggedIn }: HeaderProps) {
return ( return (
<header className="absolute w-full z-30"> <header className="absolute w-full z-30">
<div className="max-w-5xl mx-auto px-4 sm:px-6 md:pt-6"> <div className="max-w-5xl mx-auto px-4 sm:px-6 md:pt-6">
<div className="flex items-center justify-between h-20"> <div className="flex items-center justify-between h-20 items-center">
<Navigation isUserLoggedIn={isUserLoggedIn} /> <Navigation isUserLoggedIn={isUserLoggedIn} />
{/* Desktop navigation */} {/* Desktop navigation */}

View File

@ -6,8 +6,8 @@ const SquaredBackgroundHero = () => {
return ( return (
<> <>
{/* Hero */} {/* Hero */}
<div className="h-screen w-screen flex items-center"> <div className="h-screen w-screen flex items-end md:items-center">
<div className="md:max-w-[50rem] xl:max-w-[60rem] mx-auto px-4 sm:px-6 lg:px-8"> <div className="md:max-w-[50rem] xl:max-w-[60rem] mx-auto px-6 sm:px-6 lg:px-8">
{/* Grid */} {/* Grid */}
<div className="grid md:grid-cols-2 gap-4 md:gap-0 xl:gap-20 md:items-center"> <div className="grid md:grid-cols-2 gap-4 md:gap-0 xl:gap-20 md:items-center">
<div> <div>