Hello your solution is superb,
My only suggestion is ,Apply these to your stylesheet
body{
display: flex;
justify-content: center;
align-items: center;
min-height: 100vh;
margin: 0;
}
These styles will help your content to be at the centre of the page.
Happy coding.
4