My first solution using CSS Flexbox

Hi Solomon,

Greta job finishing the project, to answer your question, you can copy this code:

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

Hope it helps :)

Hi Solomon, I suggest you to use grid.

• Use display:grid; , place-items:center; to the grid container. In your case, the body Tag.

I also suggest you to add min-height:100vh; To its container.

Hello! You can center an element by adding theses rules to its container .container { display: flex; justify-content: center; align-items: center; }

To center the element on the screen add this rule to its container .container { min-height: 100vh; }

Thanks 🤝 for being there guys, I'm really pleased 😌 🙏🏼