From 1631d892eb2812b0bb2159c85ecc44492d0191b1 Mon Sep 17 00:00:00 2001
From: Your Name~kunal-511 <yoyokvunal@gmail.com>
Date: Thu, 21 Sep 2023 18:29:58 +0530
Subject: [PATCH] css changed

---
 src/Components/Services.tsx | 28 +++++++++++++++++++++-
 src/index.css               | 47 +++++++++++++++++--------------------
 2 files changed, 49 insertions(+), 26 deletions(-)

diff --git a/src/Components/Services.tsx b/src/Components/Services.tsx
index 100ac98..57efaae 100644
--- a/src/Components/Services.tsx
+++ b/src/Components/Services.tsx
@@ -2,8 +2,34 @@
 import React, { useState, useEffect } from "react";
 import background from "../assets/background.jpg";
 import ChooseTemplate from "./ChooseTempelate";
+
+
+interface FormData {
+  fname: string;
+  lname: string;
+  email: string;
+  about: string;
+  phone: string;
+  address: string;
+  skill1: string;
+  skill2: string;
+  skill3: string;
+  skill4: string;
+  skill5: string;
+  skill6: string;
+  skill7: string;
+  skill8: string;
+  history1: string;
+  history2: string;
+  history3: string;
+  history4: string;
+  ed1: string;
+  affilation1: string;
+  affilation2: string;
+}
+
 function Services() {
-  const [formData, setFormData] = useState({
+  const [formData, setFormData] = useState<FormData>({
     fname: "",
     lname: "",
     email: "",
diff --git a/src/index.css b/src/index.css
index e77520c..3c00efb 100644
--- a/src/index.css
+++ b/src/index.css
@@ -1,6 +1,5 @@
 @import "tailwindcss/base";
 @import "tailwindcss/components";
-
 @import "tailwindcss/utilities";
 
 * {
@@ -89,17 +88,17 @@ body {
   .animation {
     height: 20rem;
   }
-  .skills{
+  .skills {
     flex-wrap: wrap;
   }
-  .skills div{
+  .skills div {
     margin-top: 0.5rem;
   }
-  .person{
+  .person {
     flex-direction: column;
   }
-  .person div:nth-child(1){
-margin-right: 1px;
+  .person div:nth-child(1) {
+    margin-right: 1px;
   }
 }
 @media (max-width: 615px) {
@@ -112,7 +111,6 @@ margin-right: 1px;
   .space {
     margin-top: 1rem;
   }
-  
 }
 @media (max-width: 550px) {
   .heads p {
@@ -126,25 +124,25 @@ margin-right: 1px;
     text-align: center;
     margin-bottom: 1rem;
   }
-  .home2{
+  .home2 {
     flex-direction: column;
-    padding-left:1.5rem ;
-    padding-right:1.5rem ;
+    padding-left: 1.5rem;
+    padding-right: 1.5rem;
   }
-  .home2 img{
-width: 100%;
+  .home2 img {
+    width: 100%;
   }
-  .home2 div{
+  .home2 div {
     width: 100%;
     padding: 1rem;
     height: 75vh;
   }
-  .mainHead{
+  .mainHead {
     font-size: 1.5rem;
-      }
-      .Hline{
-        margin-top: 0.5rem;
-      }
+  }
+  .Hline {
+    margin-top: 0.5rem;
+  }
 }
 @media (max-width: 500px) {
   .nav ul li:nth-child(4) {
@@ -159,7 +157,6 @@ width: 100%;
   .home2 div {
     width: 100%;
   }
-  
 }
 @media (max-width: 450px) {
   .heads p {
@@ -175,10 +172,10 @@ width: 100%;
   }
 }
 @media (max-width: 415px) {
- .mainHead{
-  font-size: 1.1rem;
- }
- .Hline{
-  margin-top: 0.2rem;
- }
+  .mainHead {
+    font-size: 1.1rem;
+  }
+  .Hline {
+    margin-top: 0.2rem;
+  }
 }