https://nasershareef.github.io/Practice-Frontend-Dev-5/

Hello nasershareef, how are you? I truly loved your project's outcome, however I have some advice that I hope you'll find useful:

To align some content in the center of the screen, always prefer to use display: flex; it will make the layout more responsive!

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

Add a padding to the body, so that the content in lower resolutions doesn't hit the edge of the screen!

The remainder is excellent.

I hope it's useful. 👍