jack_23011
jack_23011
PostsComments
KPCKevin Powell - Community
Created by jack_23011 on 3/25/2025 in #front-end
how to fix flex-direction: column; alignment here
thanks a lot I changed it
24 replies
KPCKevin Powell - Community
Created by jack_23011 on 3/25/2025 in #front-end
how to fix flex-direction: column; alignment here
lovely
24 replies
KPCKevin Powell - Community
Created by jack_23011 on 3/25/2025 in #front-end
how to fix flex-direction: column; alignment here
yes
24 replies
KPCKevin Powell - Community
Created by jack_23011 on 3/25/2025 in #front-end
how to fix flex-direction: column; alignment here
and I have 2 containers as default names does that effect the code
24 replies
KPCKevin Powell - Community
Created by jack_23011 on 3/25/2025 in #front-end
how to fix flex-direction: column; alignment here
by default flex is in the row
24 replies
KPCKevin Powell - Community
Created by jack_23011 on 3/25/2025 in #front-end
how to fix flex-direction: column; alignment here
https://codepen.io/vikram-j/pen/RNwBjqg here you go
24 replies
KPCKevin Powell - Community
Created by jack_23011 on 2/9/2024 in #front-end
Navigating Programmatically
I want to navigate here 
const Resume = () => {
  return (
    <div>Resume</div>
  )
}

export default Resume;
const Resume = () => {
  return (
    <div>Resume</div>
  )
}

export default Resume;
3 replies
KPCKevin Powell - Community
Created by jack_23011 on 2/9/2024 in #front-end
Navigating Programmatically
From this page 
import styles from '../style';
import Button from './Button';
import { useNavigate } from 'react-router-dom';

const CTA = () => {
  const Navigate = useNavigate();
  return (
    <section className={`${styles.flexCenter} ${styles.marginY}
    ${styles.padding} sm:flex-row flex-col bg-black-gradient-2 rounded-[20px] box-shadow`}>
      <div className='flex-1 flex flex-col'>
        <h2 className={styles.heading2}>
        Join Our Growing Team
        </h2>
        <p className={`${styles.paragraph} max-w-[470px] mt-5`}>
        Explore how Sunflex Global Energy prioritizes the leveraging technology, we create a seamless and engaging journey for potential hires.
        </p>
      </div>

     <div className={`${styles.flexCenter} sm:ml-10 ml-0
        sm:mt-0 mt-10`}>
          <a href="/Resume">
       <Button onClick={()=> Navigate ('Resume')}>Send Your CV</Button>
       </a>
     </div>

    </section>
  )
}

export default CTA;
import styles from '../style';
import Button from './Button';
import { useNavigate } from 'react-router-dom';

const CTA = () => {
  const Navigate = useNavigate();
  return (
    <section className={`${styles.flexCenter} ${styles.marginY}
    ${styles.padding} sm:flex-row flex-col bg-black-gradient-2 rounded-[20px] box-shadow`}>
      <div className='flex-1 flex flex-col'>
        <h2 className={styles.heading2}>
        Join Our Growing Team
        </h2>
        <p className={`${styles.paragraph} max-w-[470px] mt-5`}>
        Explore how Sunflex Global Energy prioritizes the leveraging technology, we create a seamless and engaging journey for potential hires.
        </p>
      </div>

     <div className={`${styles.flexCenter} sm:ml-10 ml-0
        sm:mt-0 mt-10`}>
          <a href="/Resume">
       <Button onClick={()=> Navigate ('Resume')}>Send Your CV</Button>
       </a>
     </div>

    </section>
  )
}

export default CTA;
3 replies
KPCKevin Powell - Community
Created by jack_23011 on 12/15/2023 in #front-end
Having extra white between the body and footer
https://codepen.io/vikram-j/pen/MWLMvvQ
10 replies
KPCKevin Powell - Community
Created by jack_23011 on 12/15/2023 in #front-end
Having extra white between the body and footer
it's between body and footer
10 replies
KPCKevin Powell - Community
Created by jack_23011 on 12/15/2023 in #front-end
Having extra white between the body and footer
I tried debugging and can't find exactly what it means
10 replies
KPCKevin Powell - Community
Created by jack_23011 on 12/15/2023 in #front-end
Having extra white between the body and footer
 <!-- Copy -->
                  <div class="font-bold info-cl-one">
                   <p class="">Image source is from <a href="https://www.freepik.com/free-photo/3d-surreal-space-landscape_8879812.htm#query=3d-surreal-space-landscape_1048-12532%20jpg&position=23&from_view=search&track=ais" target="_blank">Kipargeter</a> </p>
                  </div>
                  <div class="font-bold info-cl-two">
                    &copy; 2023 Kosmos Society. All Rights Reserved
                  </div>
                </div>
              </div>
            </div>
          </footer> 
 <!-- Copy -->
                  <div class="font-bold info-cl-one">
                   <p class="">Image source is from <a href="https://www.freepik.com/free-photo/3d-surreal-space-landscape_8879812.htm#query=3d-surreal-space-landscape_1048-12532%20jpg&position=23&from_view=search&track=ais" target="_blank">Kipargeter</a> </p>
                  </div>
                  <div class="font-bold info-cl-two">
                    &copy; 2023 Kosmos Society. All Rights Reserved
                  </div>
                </div>
              </div>
            </div>
          </footer>
10 replies
KPCKevin Powell - Community
Created by jack_23011 on 12/15/2023 in #front-end
Having extra white between the body and footer
<!-- Icon 1 -->
                   <div class="h-8 group">
                    <p class = "footer-text text-white">Follow us</p>
                  </div>
                    <!-- Icon 1 -->
                    <div class="h-8 group">
                      <a href="https://twitter.com/KosmosSociety"/" target="_blank">
                        <img src="images/icons8-twitter.svg" alt="" class="h-6" />
                      </a>
                    </div>
                    <!-- Icon 2 -->
                    <div class="h-8 group">
                      <a href="https://linkedin.com/in/mohammed-sameer-kosmos-society"/" target="_blank">
                        <img src="images/icons8-linked-in.svg" alt="" class="h-6" />
                      </a>
                    </div>
                    <!-- Icon 3 -->
                    <div class="h-8 group">
                      <a href="https://www.youtube.com/@KosmosSociety"/" target="_blank">
                        <img src="images/icons8-youtube.svg" alt="" class="h-6" />
                      </a>
                    </div>
                    <!-- Icon 4 -->
                    <div class="h-8 group">
                      <a href="https://wa.me/918310458258"/" target="_blank">
                        <img src="images/icons8-whatsapp.svg" alt="" class="h-6" />
                      </a>
                    </div>
                  </div>
<!-- Icon 1 -->
                   <div class="h-8 group">
                    <p class = "footer-text text-white">Follow us</p>
                  </div>
                    <!-- Icon 1 -->
                    <div class="h-8 group">
                      <a href="https://twitter.com/KosmosSociety"/" target="_blank">
                        <img src="images/icons8-twitter.svg" alt="" class="h-6" />
                      </a>
                    </div>
                    <!-- Icon 2 -->
                    <div class="h-8 group">
                      <a href="https://linkedin.com/in/mohammed-sameer-kosmos-society"/" target="_blank">
                        <img src="images/icons8-linked-in.svg" alt="" class="h-6" />
                      </a>
                    </div>
                    <!-- Icon 3 -->
                    <div class="h-8 group">
                      <a href="https://www.youtube.com/@KosmosSociety"/" target="_blank">
                        <img src="images/icons8-youtube.svg" alt="" class="h-6" />
                      </a>
                    </div>
                    <!-- Icon 4 -->
                    <div class="h-8 group">
                      <a href="https://wa.me/918310458258"/" target="_blank">
                        <img src="images/icons8-whatsapp.svg" alt="" class="h-6" />
                      </a>
                    </div>
                  </div>
10 replies
KPCKevin Powell - Community
Created by jack_23011 on 12/15/2023 in #front-end
Having extra white between the body and footer
 <footer class="info">
            <!-- Container -->
            <div class="container max-w-6xl py-5 mx-auto">
              <!-- Footer Flex Container -->
              <div
                class=" footer-down-office flex flex-col items-center mb-8 space-y-6 md:flex-row md:space-y-0 md:justify-between md:items-start"
              >
      
                <!-- Social & Copy Container -->
                <div
                  class="flex flex-col items-start justify-between space-y-4 text-black-500"
                >
                  <!-- icons Container -->
                  <div
                    class="flex items-center justify-center mx-auto space-x-4 md:justify-end md:mx-0"
                  >
 <footer class="info">
            <!-- Container -->
            <div class="container max-w-6xl py-5 mx-auto">
              <!-- Footer Flex Container -->
              <div
                class=" footer-down-office flex flex-col items-center mb-8 space-y-6 md:flex-row md:space-y-0 md:justify-between md:items-start"
              >
      
                <!-- Social & Copy Container -->
                <div
                  class="flex flex-col items-start justify-between space-y-4 text-black-500"
                >
                  <!-- icons Container -->
                  <div
                    class="flex items-center justify-center mx-auto space-x-4 md:justify-end md:mx-0"
                  >
10 replies