jack_23011 Comments - Answer Overflow

jack_23011

Posts Comments

KPCKevin Powell - Community

•Created by jack_23011 on 4/9/2025 in #help

z index position

thank you

16 replies

KPCKevin Powell - Community

•Created by jack_23011 on 4/9/2025 in #help

z index position

got it

16 replies

KPCKevin Powell - Community

•Created by jack_23011 on 4/9/2025 in #help

z index position

i removed

overflow:hidden

overflow:hidden

in mobile can't scroll the page

16 replies

KPCKevin Powell - Community

•Created by jack_23011 on 4/9/2025 in #help

z index position

this site is for portfolio

16 replies

KPCKevin Powell - Community

•Created by jack_23011 on 4/9/2025 in #help

z index position

contact section code I asked ChatGPT to build

16 replies

KPCKevin Powell - Community

•Created by jack_23011 on 4/9/2025 in #help

z index position

<div class="capabilities-section"> <section id="contact"> only i get hero and capacapabilities-section and contact is behind hero

16 replies

KPCKevin Powell - Community

•Created by jack_23011 on 4/9/2025 in #help

z index position

16 replies

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 Sunﬂex 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 Sunﬂex 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

Gaming

Programming