edits for other screen sizes

2024-12-23 15:22:20 +05:30
parent 44112f91bd
commit c1df68b27a
10 changed files with 21 additions and 29 deletions
--- a/src/components/FormField.jsx
+++ b/src/components/FormField.jsx
@@ -5,7 +5,7 @@ import clsx from "clsx";
 function FormField({ label, children, icon }) {
  return (
    <div className="flex">
-      <label className="mr-4 text-lg text-black dark:text-primary-dark w-[17%]">
+      <label className="mr-4 text-lg text-black dark:text-primary-dark md:w-[30%] xl:w-[20%] 2xl:w-[17%]">
        {label}
      </label>
      <div className="flex w-full gap-4 items-center">