Newsletter Signup Form with Success Message

Your site looks pretty good and functions as expected. If you want to center your boxes what you can do is add the following code:

body{
   width: 100vw;
   height: 100vh;
}

main{
   width: 100%;
   height: 100%;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
}

The code above makes sure your body and main take up the entire viewport, and then it centers the box using the attributes display, flex-direction, justify-content, and align-items.

Additionally if you want to keep your attribution out of the way so it doesn't mess with the box centering, you can add something like:

footer{
   position: absolute;
   bottom: 8px;
}

Besides that your solution is very solid. Nice work 👍

Hi @aslinsjr, good job!

If you're wondering how to center it just add this:

body {
    display: grid;
    place-items: center;
    min-height: 100vh;
}

footer {
    position: absolute;
    bottom: 30px;
}