fix: replace opacity-85 no-op and inline gap styles with Tailwind classes
This commit is contained in:
+4
-6
@@ -122,7 +122,7 @@ export default function HomePage() {
|
|||||||
|
|
||||||
{/* ── 3. How It Works ── */}
|
{/* ── 3. How It Works ── */}
|
||||||
<section className="mx-auto max-w-5xl px-4 py-[72px]">
|
<section className="mx-auto max-w-5xl px-4 py-[72px]">
|
||||||
<p className="mb-3 text-center text-[10px] font-bold uppercase tracking-[0.25em] text-amber-400 opacity-85">
|
<p className="mb-3 text-center text-[10px] font-bold uppercase tracking-[0.25em] text-amber-400 opacity-[85%]">
|
||||||
THE PROCESS
|
THE PROCESS
|
||||||
</p>
|
</p>
|
||||||
<h2 className="mb-1.5 text-center text-[30px] font-bold tracking-[-0.025em] text-white">
|
<h2 className="mb-1.5 text-center text-[30px] font-bold tracking-[-0.025em] text-white">
|
||||||
@@ -133,8 +133,7 @@ export default function HomePage() {
|
|||||||
</p>
|
</p>
|
||||||
|
|
||||||
<div
|
<div
|
||||||
className="mx-auto grid max-w-[840px] grid-cols-1 overflow-hidden rounded-xl border border-zinc-900 bg-zinc-900 sm:grid-cols-3"
|
className="mx-auto grid max-w-[840px] grid-cols-1 gap-[2px] overflow-hidden rounded-xl border border-zinc-900 bg-zinc-900 sm:grid-cols-3"
|
||||||
style={{ gap: "2px" }}
|
|
||||||
>
|
>
|
||||||
{[
|
{[
|
||||||
{
|
{
|
||||||
@@ -192,7 +191,7 @@ export default function HomePage() {
|
|||||||
|
|
||||||
{/* ── 5. Feature Cards ── */}
|
{/* ── 5. Feature Cards ── */}
|
||||||
<section className="mx-auto max-w-5xl px-4 py-[72px]">
|
<section className="mx-auto max-w-5xl px-4 py-[72px]">
|
||||||
<p className="mb-3 text-center text-[10px] font-bold uppercase tracking-[0.25em] text-amber-400 opacity-85">
|
<p className="mb-3 text-center text-[10px] font-bold uppercase tracking-[0.25em] text-amber-400 opacity-[85%]">
|
||||||
WHAT YOU GET
|
WHAT YOU GET
|
||||||
</p>
|
</p>
|
||||||
<h2 className="mb-2 text-center text-[30px] font-bold tracking-[-0.025em] text-white">
|
<h2 className="mb-2 text-center text-[30px] font-bold tracking-[-0.025em] text-white">
|
||||||
@@ -203,8 +202,7 @@ export default function HomePage() {
|
|||||||
</p>
|
</p>
|
||||||
|
|
||||||
<div
|
<div
|
||||||
className="mx-auto grid max-w-[900px] grid-cols-1 overflow-hidden rounded-xl border border-zinc-900 bg-zinc-900 sm:grid-cols-2 lg:grid-cols-3"
|
className="mx-auto grid max-w-[900px] grid-cols-1 gap-[1px] overflow-hidden rounded-xl border border-zinc-900 bg-zinc-900 sm:grid-cols-2 lg:grid-cols-3"
|
||||||
style={{ gap: "1px" }}
|
|
||||||
>
|
>
|
||||||
{(
|
{(
|
||||||
[
|
[
|
||||||
|
|||||||
Reference in New Issue
Block a user