flex box

Hi, @Zachcopro.

First, congratulations for your effort and for having managed to finish another exercise with us.

I saw in your project, that the div was not fully centered in the middle. You can fix this by inserting a min-height: 100vh and a flex-direction: column in your body, as stated below.

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

I hope I have helped you for your next projects.

Mark as helpful and give me an up vote if you think this was good for you. Thank you and see you next time.