Newsletter-sign-up-form-with-success-message

Hello there 👋. Congratulations on successfully completing the challenge! 🎉

I see you have not used the div tags properly. Instead of giving the <main> tag a class name of container , you can add a <div> of class container inside the main and create two more divs one for the main form and one for the thank you.

That will make it easier to center you content

main{
display:flex;
align-items:center
justify-content:center
height:100vh;
}

If you have any questions or need further clarification, you can always check out my submission for this challenge and feel free to reach out to me. .

I hope you find this helpful 😄 Above all, the solution you submitted is great !

Happy coding!

Hi! I would recommend moving the .thankyou div inside the main element and wrapping the form in another div element to center the main content. Usually, I do this on the body:

body {
display: flex;
justify-content: center;
align-items: center;
min-height: 100vh;
}

The min-height value tells the browser to use 100% of the screen height. By default, it uses 100% of the width but not the height. So, by doing this, you can now center the main container.

I hope my comment is being helpful to solve your problem Keep coding! :D