I think that most of us, fellow learners here, forget clean the HTML page we start with in the project. Your solution here should've been perfect if centered right. When it comes to centering a single element inside a *body, like in this project, I usually make use of flexbox
body {
display: flex;
align-items: center;
justify-content: center;
height: 100vh;
}
0