Skip to content
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

Jump to bottom

Margin Issue with LG screen #3902 #3911

Open
wants to merge 1 commit into
base: main
Choose a base branch
from
Open

Margin Issue with LG screen #3902 #3911

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Jump to
Jump to file
Failed to load files.
Diff view
Diff view
6 changes: 3 additions & 3 deletions website/src/components/Footer.tsx
View file
Open in desktop
@@ -1,13 +1,13 @@
import * as React from 'react';
import Link from 'next/link';
import * as React from 'react';
import { siteConfig } from 'siteConfig';
import { ExternalLink } from './ExternalLink';
import { FormiumLogo } from './FormiumLogo';
import { siteConfig } from 'siteConfig';
export interface FooterProps {}

export const Footer: React.FC<FooterProps> = props => {
return (
<div className="bg-gray-50 border-t border-gray-200">
<div className="bg-gray-50 border-t border-gray-200 lg:mx-4">
<div className="container mx-auto py-12 lg:py-16 px-4 lg:px-0 ">
<div className="lg:grid lg:grid-cols-3 lg:gap-8">
<div className="lg:grid lg:grid-cols-3 gap-8 lg:col-span-2">
Expand Down
18 changes: 9 additions & 9 deletions website/src/pages/index.tsx
View file
Open in desktop
@@ -1,17 +1,17 @@
import * as React from 'react';
import { Banner } from 'components/Banner';
import { Sticky } from 'components/Sticky';
import { Nav } from 'components/Nav';
import { Sticky } from 'components/Sticky';
import * as React from 'react';

import { siteConfig } from 'siteConfig';
import Link from 'next/link';
import cn from 'classnames';
import { Footer } from 'components/Footer';
import { ClientsMarquee } from 'components/clients/ClientsMarquee';
import { Seo } from 'components/Seo';
import { ClientsMarquee } from 'components/clients/ClientsMarquee';
import { Inter } from 'next/font/google';
import Head from 'next/head';
import Image from 'next/image';
import { Inter } from 'next/font/google';
import cn from 'classnames';
import Link from 'next/link';
import { siteConfig } from 'siteConfig';

const inter = Inter({ subsets: ['latin'] });
export interface HomeProps {}
Expand Down Expand Up @@ -82,7 +82,7 @@ const Home: React.FC<HomeProps> = props => {
}}
/>
</div>
<div className="lg:flex lg:max-w-md xl:max-w-xl lg:items-start lg:space-between">
<div className="lg:flex lg:max-w-md lg:mx-4 xl:max-w-xl lg:items-start lg:space-between">
<div className="">
<div className="text-center lg:text-left md:max-w-2xl md:mx-auto ">
<h1 className="text-4xl tracking-tight leading-10 font-extrabold text-gray-900 sm:leading-none sm:text-6xl lg:text-5xl xl:text-6xl">
Expand Down Expand Up @@ -121,7 +121,7 @@ const Home: React.FC<HomeProps> = props => {
</div>
</div>
</div>
<div className="text-lg border-t border-gray-100 bg-gray-50 ">
<div className="text-lg border-t border-gray-100 bg-gray-50 lg:mx-4">
<div className="py-24 ">
<div className="mx-auto container px-4 lg:px-0">
<div className="lg:grid lg:grid-cols-3 lg:gap-8">
Expand Down