talksik/nirvana
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

basic landing page responsive now

Browse Source
This commit is contained in:
Arjun Patel
2022-01-27 12:16:40 -08:00
parent 0066315a2d
commit 121850b27e
3 changed files with 23 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/Layouts/LandingPageLayout.tsx
+2 -2
View File
@@ -173,8 +173,8 @@ export default function LangingPageLayout({ children }) {
</div>
{/* footer */}
<div className="bg-black w-full px-[10rem] py-[5rem]">
<span className="flex flex-row items-start justify-between">
<div className="bg-black w-full lg:px-[10rem] px-[5rem] py-[5rem] ">
<span className="flex md:flex-row md:space-x-5 space-y-5 flex-col items-start justify-between">
<span className="flex flex-col">
<MainLogo className="text-white text-3xl" />
components/demo/LandingPageActionBar.tsx
+2 -2
View File
@@ -3,13 +3,13 @@ import { FaAngleRight } from "react-icons/fa";
export default function LandingPageActionBar() {
return (
<span className="flex my-20 mx-auto flex-row items-center max-w-screen-md p-10 backdrop-blur-md bg-gray-200 bg-opacity-40 rounded-lg">
<span className="flex md:my-20 mx-auto md:flex-row flex-col items-center max-w-screen-md p-10 backdrop-blur-md bg-gray-200 bg-opacity-40 rounded-lg">
<span className="flex flex-col items-start text-3xl font-bold">
<span>Ready to Focus?</span>
<span className="text-teal-600">{"It's now or never."}</span>
</span>
<span className="flex flex-row items-center space-x-5 ml-auto">
<span className="flex flex-row items-center space-x-5 md:ml-auto">
<Link href="/features">Features</Link>
<button