intro-component-with-signup-form-master

Greetings Tharaa! you have done a good job.

To center the content in the center of the screen, you can apply the following to your CSS:

body {
    width: 100%;
    min-height: 100vh;
    font-family: 'Poppins', sans-serif;
    Font-size: 16px;
    background-color: var(--Red);
    background-image: url(images/bg-intro-desktop.png);
    background-repeat: no-repeat;
    background-size: cover;
    color: white;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

main {
    display: flex;
    gap: 2rem;
    /* margin: 3.5rem auto; You don't need it anymore */
    width: 50rem;
}

footer {
    /* position: absolute; Here you decide if you still want to keep the footer down, although this will cause problems in the mobile version */
    /* width: 100%; */
    /* bottom: 0; */
}