refactor: Update Features component layout for improved responsiveness
This commit is contained in:
@@ -14,7 +14,7 @@ import {
|
|||||||
TableRow,
|
TableRow,
|
||||||
} from "./ui/table";
|
} from "./ui/table";
|
||||||
import { CheckIcon, EyeIcon, EyeOffIcon, RabbitIcon, XIcon } from "lucide-react";
|
import { CheckIcon, EyeIcon, EyeOffIcon, RabbitIcon, XIcon } from "lucide-react";
|
||||||
import { LockClosedIcon, QuestionMarkIcon } from "@radix-ui/react-icons";
|
import { EyeClosedIcon, LockClosedIcon, QuestionMarkIcon } from "@radix-ui/react-icons";
|
||||||
import ShineBorder from "./ui/shine-border";
|
import ShineBorder from "./ui/shine-border";
|
||||||
import SparklesText from "./ui/sparkles-text";
|
import SparklesText from "./ui/sparkles-text";
|
||||||
|
|
||||||
@@ -179,7 +179,7 @@ export default function Features() {
|
|||||||
Zen is designed with privacy in mind. We found the perfect balance between privacy and functionality, so you can browse the web without worrying about your data.
|
Zen is designed with privacy in mind. We found the perfect balance between privacy and functionality, so you can browse the web without worrying about your data.
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<EyeOffIcon className="mx-auto hidden md:block w-32 h-32" />
|
<EyeClosedIcon className="mx-auto hidden md:block w-32 h-32" />
|
||||||
</div>
|
</div>
|
||||||
<div className="flex flex-col lg:flex-row w-full mt-52 p-5 justify-between items-center">
|
<div className="flex flex-col lg:flex-row w-full mt-52 p-5 justify-between items-center">
|
||||||
<LockClosedIcon className="mx-auto hidden md:block w-32 h-32" />
|
<LockClosedIcon className="mx-auto hidden md:block w-32 h-32" />
|
||||||
|
|||||||
Reference in New Issue
Block a user