Merge pull request #3009 from HimanshuNarware/ui-issue_1

fix faq section class bug

Author: HimanshuNarware

frontend/src/Component/About.js

@@ -88,7 +88,7 @@ function About() {
         <div className="about__box about__box--2 aos-init" data-aos="flip-left">
           <img
             className="about__img"
-            src="https://civicopilot.com/wp-content/uploads/2022/11/searching_training.svg"
+            src="https://img.freepik.com/free-vector/illustrated-woman-being-intern-company_23-2148726151.jpg?size=626&ext=jpg"
             alt="img"
           />
         </div>
@@ -98,7 +98,7 @@ function About() {
         <div className="about__box about__box--2">
           <img
             className="about__img"
-            src="https://media.istockphoto.com/id/1276643671/vector/tiny-programmers-programming-website-for-internet-platform.jpg?s=612x612&w=0&k=20&c=7k24K8DYdSRxVHj3roqR_f4wkk-a_fG3WlT4hN-VJUg="
+            src="https://img.freepik.com/free-vector/developer-activity-concept-illustration_114360-1554.jpg?t=st=1726407511~exp=1726411111~hmac=f2dbc71c1557c1284496c3bb3d243d58894cd840fad5b42c528679d5fb57d2c4&w=740"
             alt="img"
           />
         </div>

frontend/src/Component/Faq.js

@@ -36,13 +36,13 @@ export default function Faq() {
                 >
                   <AccordionItemHeading>
                     <AccordionItemButton className="faq__accordion-item">
-                      <AccordionItemState>
+                      {/* <AccordionItemState>
                         {({ expanded }) =>
                           expanded
                             ? setClassName("expanded")
                             : setClassName("collapsed")
                         }
-                      </AccordionItemState>
+                      </AccordionItemState> */}
                       <div
                         className="faq__accordion-button"
                         onClick={() => setIndex(i)}

frontend/src/style/About.css

@@ -1,9 +1,11 @@
+
 .about__contributor-container {
   gap: 5%;
-  margin: 40px;
+  /* margin: 40px; */
   font-size: 2rem;
   margin-top: 6rem;
   width: 100%;
+  /* overflow: hidden; */
 }
 .about__founder-container,
 .about__buttons-container {
@@ -522,3 +524,17 @@
   flex-wrap: wrap;
   gap: 0.5rem;
 }
+
+.about__img{
+  /* width: calc(100 - 90)px!important;
+  height: inherit; */
+  /* border-radius: 5px !important; */
+  border-radius: 5px;
+  object-fit:scale-down;
+  /* height: 188%; */
+  /* fill-opacity: blur(10px);
+   */
+   /* overflow: hidden !important; */
+   /* overflow: hidden; */
+  
+}