Skip to content

Responsive fix #36

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
avneesh0612 merged 10 commits into from
Feb 17, 2022
Merged

Responsive fix #36

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
10 commits
Select commit Hold shift + click to select a range
8ca3187
style: Added Inter font from google fonts
atharvadeosthale Feb 17, 2022
6d3d702
style: hero section finished
atharvadeosthale Feb 17, 2022
63a6f37
style: extension in action section done
atharvadeosthale Feb 17, 2022
f67e3b2
style: working section done
atharvadeosthale Feb 17, 2022
2365aac
style: installation section complete
atharvadeosthale Feb 17, 2022
9ec8c4b
style: responsiveness enhanced
atharvadeosthale Feb 17, 2022
6a187ee
style: overflow fix
atharvadeosthale Feb 17, 2022
0bbe8e9
style: responsiveness fix
atharvadeosthale Feb 17, 2022
8545c3a
style: responsiveness fix
atharvadeosthale Feb 17, 2022
04f91a7
Merge branch 'main' into main
avneesh0612 Feb 17, 2022
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
8 changes: 4 additions & 4 deletions web/components/Hero.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,20 +4,20 @@ import Navbar from './Navbar'

export default function Hero() {
return (
<div className="relative flex h-screen flex-col">
<div className="relative flex flex-col py-20 md:h-screen md:py-0">
{/* Blur absolute div */}
<div className="absolute top-0 left-1/2 h-48 w-[40rem] -translate-x-1/2 bg-[#2A468E] blur-[140px]"></div>
{/* Main content */}
<Navbar />
<div className="z-10 flex flex-1 flex-col items-center justify-center p-10 text-center xl:p-0">
<div className="max-w-5xl text-5xl font-black leading-normal lg:text-7xl lg:leading-[6rem]">
<div className="text-5xl font-black leading-[3.5rem] md:max-w-5xl lg:text-7xl lg:leading-[6rem]">
Stop rewriting your <span className="text-[#24D1DC]">React</span> and{' '}
<span className="text-[#24D1DC]">Next.js</span> code
</div>
<div className="mt-7 text-3xl leading-normal text-gray-400">
Use our VSCode and Jetbrains snippets extension
</div>
<div className="mt-8 grid grid-cols-2 gap-5">
<div className="mt-8 grid grid-cols-1 gap-5 md:grid-cols-2">
<Link href="#">
<a className="w-48 rounded-md bg-gradient-to-r from-[#000A67] to-[#004E92] py-3 text-xl">
Get started
Expand All @@ -32,4 +32,4 @@ export default function Hero() {
</div>
</div>
)
}
}
4 changes: 2 additions & 2 deletions web/pages/index.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@ import Working from '../components/Working'

export default function Home() {
return (
<div className="w-screen overflow-y-hidden">
<div className="w-screen overflow-x-hidden">
<div className="mx-auto max-w-6xl">
<Head>
<title>React &amp; Next.js snippets</title>
Expand All @@ -19,4 +19,4 @@ export default function Home() {
</div>
</div>
)
}
}