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() { function About() {
return ( 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"> <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 <Icon
width={160} width={160}
@ -21,7 +21,7 @@ function About() {
</p> </p>
</div> </div>
</div> </div>
</div> </section>
); );
} }

4
components/FAQ.jsx
View file

@ -9,7 +9,7 @@ function FAQ() {
const ref = useRef({}); const ref = useRef({});
return ( 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"> <h2 className="text-center font-bold text-4xl md:text-5xl hyphens-auto mb-4">
Frequently Asked Questions Frequently Asked Questions
</h2> </h2>
@ -51,7 +51,7 @@ function FAQ() {
</div> </div>
</div> </div>
))} ))}
</div> </section>
); );
} }

4
components/Features.jsx
View file

@ -2,7 +2,7 @@ import { features } from "@/constants";
function Features() { function Features() {
return ( 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"> <h2 className="text-center font-bold text-4xl md:text-5xl hyphens-auto">
Experience Effortless <span className="text-primary">Email</span> Experience Effortless <span className="text-primary">Email</span>
</h2> </h2>
@ -23,7 +23,7 @@ function Features() {
</div> </div>
))} ))}
</div> </div>
</div> </section>
); );
} }

6
components/Footer.jsx
View file

@ -7,7 +7,6 @@ import Logo from "@/components/Logo";
function Footer() { function Footer() {
const currentYear = new Date().getFullYear(); const currentYear = new Date().getFullYear();
return ( return (
<>
<footer className="flex flex-col w-full transition-all border-border border-t"> <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="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 "> <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>
<div className="flex flex-col items-center sm:items-start"> <div className="flex flex-col items-center sm:items-start">
<div className="text-2xl font-light text-primary"> <div className="text-2xl font-light text-primary">Resources</div>
Resources
</div>
{footerLinks.resources.map((link) => ( {footerLinks.resources.map((link) => (
<span key={link.href}> <span key={link.href}>
<Link <Link
@ -87,7 +84,6 @@ function Footer() {
</div> </div>
</div> </div>
</footer> </footer>
</>
); );
} }

4
components/Hero.jsx
View file

@ -3,7 +3,7 @@ import Link from "next/link";
function Hero() { function Hero() {
return ( 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"> <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"> <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>{" "} Revolution&shy;ize your <span className="text-primary">inbox</span>{" "}
@ -46,7 +46,7 @@ function Hero() {
/> />
</div> </div>
</div> </div>
</div> </section>
); );
} }