mernmail/mernmail-website
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: replace top-level <div> tags in section with <section> tags

Browse source
This commit is contained in:
Dorian Niemiec 2024-11-07 06:30:58 +01:00
parent 3c92518ba3
commit 2a664e0efd
5 changed files with 82 additions and 86 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
components/About.jsx
View file

@ -2,7 +2,7 @@ import Icon from "@/components/Icon";
function About() {
return (
<div className="mx-auto px-7 py-12 max-w-screen-xl">
<section className="mx-auto px-7 py-12 max-w-screen-xl">
<div className="w-full bg-card text-card-foreground border-border border rounded-lg px-4 py-2 flex flex-col-reverse md:flex-row">
<Icon
width={160}
@ -21,7 +21,7 @@ function About() {
</p>
</div>
</div>
</div>
</section>
);
}

4
components/FAQ.jsx
View file

@ -9,7 +9,7 @@ function FAQ() {
const ref = useRef({});
return (
<div className="mx-auto px-3 py-24 max-w-screen-xl">
<section className="mx-auto px-3 py-24 max-w-screen-xl">
<h2 className="text-center font-bold text-4xl md:text-5xl hyphens-auto mb-4">
Frequently Asked Questions
</h2>
@ -51,7 +51,7 @@ function FAQ() {
</div>
</div>
))}
</div>
</section>
);
}

4
components/Features.jsx
View file

@ -2,7 +2,7 @@ import { features } from "@/constants";
function Features() {
return (
<div className="mx-auto px-3 py-24 max-w-screen-xl">
<section className="mx-auto px-3 py-24 max-w-screen-xl">
<h2 className="text-center font-bold text-4xl md:text-5xl hyphens-auto">
Experience Effortless <span className="text-primary">Email</span>
</h2>
@ -23,7 +23,7 @@ function Features() {
</div>
))}
</div>
</div>
</section>
);
}

6
components/Footer.jsx
View file

@ -7,7 +7,6 @@ import Logo from "@/components/Logo";
function Footer() {
const currentYear = new Date().getFullYear();
return (
<>
<footer className="flex flex-col w-full transition-all border-border border-t">
<div className="px-3 sm:px-12 md:px-24 lg:px-6 py-10 w-full mx-auto max-w-screen-xl">
<div className="flex flex-col lg:flex-row justify-between max-lg:items-start max-sm:items-center items-center mb-6 ">
@ -32,9 +31,7 @@ function Footer() {
</div>
<div className="flex flex-col items-center sm:items-start">
<div className="text-2xl font-light text-primary">
Resources
</div>
<div className="text-2xl font-light text-primary">Resources</div>
{footerLinks.resources.map((link) => (
<span key={link.href}>
<Link
@ -87,7 +84,6 @@ function Footer() {
</div>
</div>
</footer>
</>
);
}

4
components/Hero.jsx
View file

@ -3,7 +3,7 @@ import Link from "next/link";
function Hero() {
return (
<div className="flex flex-col md:flex-row mx-auto max-w-screen-xl px-3 py-12">
<section className="flex flex-col md:flex-row mx-auto max-w-screen-xl px-3 py-12">
<div className="md:w-1/2 self-center text-center md:text-start">
<h1 className="font-bold text-5xl md:text-6xl hyphens-auto leading-tight md:leading-tight md:text-start">
Revolution&shy;ize your <span className="text-primary">inbox</span>{" "}
@ -46,7 +46,7 @@ function Hero() {
/>
</div>
</div>
</div>
</section>
);
}