Hi there!
You can make it align vertically by adding the code below to the body
selector in css:
display: flex;
justify-content: center;
align-items: center;
In addition, I recommend using tags such as main
in your html instead of relying on div
. This is important for ARIA landmarks, which is helpful for screen readers to know where they are on the page. You can substitute div class="outerbox"
to simply main
.
Hope this was helpful!